Color | Cueson | ShruggieTech

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

Dark palette

BackgroundbackgroundAlso: popover, sidebar#080A14

See more color values

RGB: rgb(8 10 20)
HSL: hsl(230.0 42.9% 5.5%)
OKLCH: oklch(0.1481 0.0220 274.2)
Lab D50: lab(2.84% 0.81 -5.16)

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#101425

See more color values

RGB: rgb(16 20 37)
HSL: hsl(228.6 39.6% 10.4%)
OKLCH: oklch(0.1967 0.0349 272.8)
Lab D50: lab(6.58% 2.31 -12.41)

CMYK: output profile required

PrimaryprimaryAlso: ring, sidebar-primary, sidebar-ring#62BEB2

See more color values

RGB: rgb(98 190 178)
HSL: hsl(172.2 41.4% 56.5%)
OKLCH: oklch(0.7414 0.0901 184.4)
Lab D50: lab(71.10% -30.97 -2.86)

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#181D33

See more color values

RGB: rgb(24 29 51)
HSL: hsl(228.9 36.0% 14.7%)
OKLCH: oklch(0.2377 0.0430 273.0)
Lab D50: lab(11.17% 3.26 -15.48)

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#222944

See more color values

RGB: rgb(34 41 68)
HSL: hsl(227.6 33.3% 20.0%)
OKLCH: oklch(0.2881 0.0505 271.9)
Lab D50: lab(16.97% 3.44 -18.24)

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#4DAA9F

See more color values

RGB: rgb(77 170 159)
HSL: hsl(172.9 37.7% 48.4%)
OKLCH: oklch(0.6787 0.0899 184.9)
Lab D50: lab(63.81% -30.91 -3.15)

CMYK: output profile required

Chart 2chart-2#85A36E

See more color values

RGB: rgb(133 163 110)
HSL: hsl(94.0 22.4% 53.5%)
OKLCH: oklch(0.6790 0.0819 132.2)
Lab D50: lab(63.69% -18.14 24.05)

CMYK: output profile required

Chart 3chart-3#64A0C5

See more color values

RGB: rgb(100 160 197)
HSL: hsl(202.9 45.5% 58.2%)
OKLCH: oklch(0.6792 0.0831 236.9)
Lab D50: lab(62.86% -12.47 -25.55)

CMYK: output profile required

Chart 4chart-4#B3935B

See more color values

RGB: rgb(179 147 91)
HSL: hsl(38.2 36.7% 52.9%)
OKLCH: oklch(0.6801 0.0833 80.6)
Lab D50: lab(62.99% 7.08 34.24)

CMYK: output profile required

Chart 5chart-5#9690C9

See more color values

RGB: rgb(150 144 201)
HSL: hsl(246.3 34.5% 67.6%)
OKLCH: oklch(0.6798 0.0834 288.8)
Lab D50: lab(61.93% 11.69 -28.85)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#2F9388

See more color values

RGB: rgb(47 147 136)
HSL: hsl(173.4 51.5% 38.0%)
OKLCH: oklch(0.6035 0.0920 184.6)
Lab D50: lab(55.12% -31.78 -3.02)

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#005D55

See more color values

RGB: rgb(0 93 85)
HSL: hsl(174.8 100.0% 18.2%)
OKLCH: oklch(0.4300 0.0759 184.7)
Lab D50: lab(34.80% -26.31 -2.54)

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#41582F

See more color values

RGB: rgb(65 88 47)
HSL: hsl(93.7 30.4% 26.5%)
OKLCH: oklch(0.4304 0.0695 132.6)
Lab D50: lab(34.69% -15.31 20.77)

CMYK: output profile required

Chart 3chart-3#255571

See more color values

RGB: rgb(37 85 113)
HSL: hsl(202.1 50.7% 29.4%)
OKLCH: oklch(0.4293 0.0696 237.1)
Lab D50: lab(33.83% -9.54 -21.28)

CMYK: output profile required

Chart 4chart-4#634B1E

See more color values

RGB: rgb(99 75 30)
HSL: hsl(39.1 53.5% 25.3%)
OKLCH: oklch(0.4286 0.0694 80.7)
Lab D50: lab(33.77% 6.56 30.10)

CMYK: output profile required

Chart 5chart-5#4E4974

See more color values

RGB: rgb(78 73 116)
HSL: hsl(247.0 22.8% 37.1%)
OKLCH: oklch(0.4294 0.0704 288.4)
Lab D50: lab(32.98% 10.39 -24.18)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#2F9388

See more color values

RGB: rgb(47 147 136)
HSL: hsl(173.4 51.5% 38.0%)
OKLCH: oklch(0.6035 0.0920 184.6)
Lab D50: lab(55.12% -31.78 -3.02)

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