Color | fragcap | ShruggieTech

HEX is the canonical screen reference. Open one row for derived formats and print guidance.

Dark palette

BackgroundbackgroundAlso: popover, sidebar#050708

See more color values

RGB: rgb(5 7 8)
HSL: hsl(200.0 23.1% 2.5%)
OKLCH: oklch(0.1260 0.0054 226.0)
Lab D50: lab(1.81% -0.44 -0.57)

CMYK: output profile required

ForegroundforegroundAlso: card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground#FFFFFF

See more color values

RGB: rgb(255 255 255)
HSL: hsl(0.0 0.0% 100.0%)
OKLCH: oklch(1.0000 0.0000 0.0)
Lab D50: lab(100.00% 0.00 0.00)

CMYK: output profile required

Cardcard#0B1115

See more color values

RGB: rgb(11 17 21)
HSL: hsl(204.0 31.2% 6.3%)
OKLCH: oklch(0.1733 0.0125 237.6)
Lab D50: lab(4.71% -1.37 -3.10)

CMYK: output profile required

PrimaryprimaryAlso: ring, sidebar-primary, sidebar-ring#27C7E7

See more color values

RGB: rgb(39 199 231)
HSL: hsl(190.0 80.0% 52.9%)
OKLCH: oklch(0.7665 0.1293 215.7)
Lab D50: lab(73.70% -32.32 -27.79)

CMYK: output profile required

Primary Foregroundprimary-foregroundAlso: sidebar-primary-foreground#000000

See more color values

RGB: rgb(0 0 0)
HSL: hsl(0.0 0.0% 0.0%)
OKLCH: oklch(0.0000 0.0000 0.0)
Lab D50: lab(0.00% 0.00 0.00)

CMYK: output profile required

SecondarysecondaryAlso: muted#101A20

See more color values

RGB: rgb(16 26 32)
HSL: hsl(202.5 33.3% 9.4%)
OKLCH: oklch(0.2110 0.0188 235.2)
Lab D50: lab(8.51% -3.15 -5.72)

CMYK: output profile required

Muted Foregroundmuted-foreground#9A9A9A

See more color values

RGB: rgb(154 154 154)
HSL: hsl(0.0 0.0% 60.4%)
OKLCH: oklch(0.6862 0.0000 0.0)
Lab D50: lab(63.60% 0.00 0.00)

CMYK: output profile required

AccentaccentAlso: sidebar-accent#16242C

See more color values

RGB: rgb(22 36 44)
HSL: hsl(201.8 33.3% 12.9%)
OKLCH: oklch(0.2514 0.0245 234.1)
Lab D50: lab(13.21% -4.21 -7.34)

CMYK: output profile required

Destructivedestructive#E9505F

See more color values

RGB: rgb(233 80 95)
HSL: hsl(354.1 77.7% 61.4%)
OKLCH: oklch(0.6437 0.1882 18.6)
Lab D50: lab(56.66% 60.52 26.02)

CMYK: output profile required

BorderborderAlso: input, sidebar-border#262626

See more color values

RGB: rgb(38 38 38)
HSL: hsl(0.0 0.0% 14.9%)
OKLCH: oklch(0.2686 0.0000 0.0)
Lab D50: lab(15.16% -0.00 0.00)

CMYK: output profile required

Chart 1chart-1#00AAC7

See more color values

RGB: rgb(0 170 199)
HSL: hsl(188.7 100.0% 39.0%)
OKLCH: oklch(0.6797 0.1205 215.7)
Lab D50: lab(63.57% -30.00 -25.83)

CMYK: output profile required

Chart 2chart-2#958CDD

See more color values

RGB: rgb(149 140 221)
HSL: hsl(246.7 54.4% 70.8%)
OKLCH: oklch(0.6806 0.1180 287.9)
Lab D50: lab(61.54% 17.44 -40.59)

CMYK: output profile required

Chart 3chart-3#D37796

See more color values

RGB: rgb(211 119 150)
HSL: hsl(339.8 51.1% 64.7%)
OKLCH: oklch(0.6792 0.1197 359.2)
Lab D50: lab(61.28% 39.41 -0.15)

CMYK: output profile required

Chart 4chart-4#C58B3B

See more color values

RGB: rgb(197 139 59)
HSL: hsl(34.8 54.3% 50.2%)
OKLCH: oklch(0.6796 0.1185 71.9)
Lab D50: lab(62.67% 17.27 50.32)

CMYK: output profile required

Chart 5chart-5#69AB67

See more color values

RGB: rgb(105 171 103)
HSL: hsl(118.2 28.8% 53.7%)
OKLCH: oklch(0.6796 0.1189 143.5)
Lab D50: lab(64.29% -32.51 28.14)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#006F82

See more color values

RGB: rgb(0 111 130)
HSL: hsl(188.8 100.0% 25.5%)
OKLCH: oklch(0.4986 0.0881 215.0)
Lab D50: lab(42.38% -22.22 -18.58)

CMYK: output profile required

Brand Emphasisbrand-emphasis#FF5300

See more color values

RGB: rgb(255 83 0)
HSL: hsl(19.5 100.0% 50.0%)
OKLCH: oklch(0.6738 0.2190 38.3)
Lab D50: lab(60.29% 64.46 71.50)

CMYK: output profile required

Brand Ctabrand-cta#C24000

See more color values

RGB: rgb(194 64 0)
HSL: hsl(19.8 100.0% 38.0%)
OKLCH: oklch(0.5519 0.1759 39.3)
Lab D50: lab(46.55% 51.32 58.37)

CMYK: output profile required

Light palette

Backgroundbackground#F8F8F6

See more color values

RGB: rgb(248 248 246)
HSL: hsl(60.0 12.5% 96.9%)
OKLCH: oklch(0.9786 0.0026 106.4)
Lab D50: lab(97.54% -0.26 0.96)

CMYK: output profile required

ForegroundforegroundAlso: card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground#0A0A0A

See more color values

RGB: rgb(10 10 10)
HSL: hsl(0.0 0.0% 3.9%)
OKLCH: oklch(0.1448 0.0000 0.0)
Lab D50: lab(2.74% 0.00 0.00)

CMYK: output profile required

CardcardAlso: popover, primary-foreground, sidebar, sidebar-primary-foreground#FFFFFF

See more color values

RGB: rgb(255 255 255)
HSL: hsl(0.0 0.0% 100.0%)
OKLCH: oklch(1.0000 0.0000 0.0)
Lab D50: lab(100.00% 0.00 0.00)

CMYK: output profile required

PrimaryprimaryAlso: ring, chart-1, sidebar-primary, sidebar-ring, brand-accent-deep#006F82

See more color values

RGB: rgb(0 111 130)
HSL: hsl(188.8 100.0% 25.5%)
OKLCH: oklch(0.4986 0.0881 215.0)
Lab D50: lab(42.38% -22.22 -18.58)

CMYK: output profile required

SecondarysecondaryAlso: muted, accent, sidebar-accent#F0EFED

See more color values

RGB: rgb(240 239 237)
HSL: hsl(40.0 9.1% 93.5%)
OKLCH: oklch(0.9523 0.0029 84.6)
Lab D50: lab(94.48% 0.08 1.09)

CMYK: output profile required

Muted Foregroundmuted-foreground#6B6B6B

See more color values

RGB: rgb(107 107 107)
HSL: hsl(0.0 0.0% 42.0%)
OKLCH: oklch(0.5278 0.0000 0.0)
Lab D50: lab(45.22% 0.00 0.00)

CMYK: output profile required

Destructivedestructive#C0293A

See more color values

RGB: rgb(192 41 58)
HSL: hsl(353.2 64.8% 45.7%)
OKLCH: oklch(0.5308 0.1857 20.9)
Lab D50: lab(43.62% 59.48 30.04)

CMYK: output profile required

BorderborderAlso: input, sidebar-border#E5E5E5

See more color values

RGB: rgb(229 229 229)
HSL: hsl(0.0 0.0% 89.8%)
OKLCH: oklch(0.9219 0.0000 0.0)
Lab D50: lab(90.94% 0.00 0.00)

CMYK: output profile required

Chart 2chart-2#605B8F

See more color values

RGB: rgb(96 91 143)
HSL: hsl(245.8 22.2% 45.9%)
OKLCH: oklch(0.4983 0.0820 287.4)
Lab D50: lab(40.84% 11.75 -28.32)

CMYK: output profile required

Chart 3chart-3#884E62

See more color values

RGB: rgb(136 78 98)
HSL: hsl(339.3 27.1% 42.0%)
OKLCH: oklch(0.4978 0.0818 358.4)
Lab D50: lab(40.70% 26.97 -0.56)

CMYK: output profile required

Chart 4chart-4#805A2A

See more color values

RGB: rgb(128 90 42)
HSL: hsl(33.5 50.6% 33.3%)
OKLCH: oklch(0.4980 0.0813 70.3)
Lab D50: lab(41.65% 12.31 33.53)

CMYK: output profile required

Chart 5chart-5#466F44

See more color values

RGB: rgb(70 111 68)
HSL: hsl(117.2 24.0% 35.1%)
OKLCH: oklch(0.4994 0.0812 143.2)
Lab D50: lab(42.93% -22.10 19.26)

CMYK: output profile required

Brand Emphasisbrand-emphasisAlso: brand-cta#C24000

See more color values

RGB: rgb(194 64 0)
HSL: hsl(19.8 100.0% 38.0%)
OKLCH: oklch(0.5519 0.1759 39.3)
Lab D50: lab(46.55% 51.32 58.37)

CMYK: output profile required

Dark palette

Light palette

On this page