Color | ShruggieTech | ShruggieTech

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

Dark palette

BackgroundbackgroundAlso: primary-foreground, 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

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

See more color values

RGB: rgb(17 17 17)
HSL: hsl(0.0 0.0% 6.7%)
OKLCH: oklch(0.1776 0.0000 0.0)
Lab D50: lab(5.06% 0.00 0.00)

CMYK: output profile required

PopoverpopoverAlso: sidebar#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

PrimaryprimaryAlso: ring, sidebar-primary, sidebar-ring#2BCC73

See more color values

RGB: rgb(43 204 115)
HSL: hsl(146.8 65.2% 48.4%)
OKLCH: oklch(0.7457 0.1802 153.0)
Lab D50: lab(72.80% -56.62 32.40)

CMYK: output profile required

SecondarysecondaryAlso: muted#0D0F12

See more color values

RGB: rgb(13 15 18)
HSL: hsl(216.0 16.1% 6.1%)
OKLCH: oklch(0.1676 0.0071 258.4)
Lab D50: lab(4.23% -0.24 -1.84)

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#1A1A1A

See more color values

RGB: rgb(26 26 26)
HSL: hsl(0.0 0.0% 10.2%)
OKLCH: oklch(0.2178 0.0000 0.0)
Lab D50: lab(9.26% 0.00 -0.00)

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#00B661

See more color values

RGB: rgb(0 182 97)
HSL: hsl(152.0 100.0% 35.7%)
OKLCH: oklch(0.6805 0.1753 153.0)
Lab D50: lab(65.17% -55.25 31.71)

CMYK: output profile required

Chart 2chart-2#00ACBA

See more color values

RGB: rgb(0 172 186)
HSL: hsl(184.5 100.0% 36.5%)
OKLCH: oklch(0.6793 0.1160 205.1)
Lab D50: lab(63.80% -34.25 -18.31)

CMYK: output profile required

Chart 3chart-3#4F98FC

See more color values

RGB: rgb(79 152 252)
HSL: hsl(214.7 96.6% 64.9%)
OKLCH: oklch(0.6802 0.1654 256.9)
Lab D50: lab(61.78% 1.37 -57.60)

CMYK: output profile required

Chart 4chart-4#B678E5

See more color values

RGB: rgb(182 120 229)
HSL: hsl(274.1 67.7% 68.4%)
OKLCH: oklch(0.6803 0.1658 308.9)
Lab D50: lab(60.45% 39.75 -46.46)

CMYK: output profile required

Chart 5chart-5#E76692

See more color values

RGB: rgb(231 102 146)
HSL: hsl(339.5 72.9% 65.3%)
OKLCH: oklch(0.6800 0.1652 1.1)
Lab D50: lab(60.82% 54.02 1.94)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#00AB21

See more color values

RGB: rgb(0 171 33)
HSL: hsl(131.6 100.0% 33.5%)
OKLCH: oklch(0.6433 0.2094 143.9)
Lab D50: lab(61.03% -57.85 54.05)

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#037B40

See more color values

RGB: rgb(3 123 64)
HSL: hsl(150.5 95.2% 24.7%)
OKLCH: oklch(0.5114 0.1308 153.0)
Lab D50: lab(44.98% -41.20 23.64)

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#00747E

See more color values

RGB: rgb(0 116 126)
HSL: hsl(184.8 100.0% 24.7%)
OKLCH: oklch(0.5101 0.0872 205.3)
Lab D50: lab(43.92% -25.66 -13.86)

CMYK: output profile required

Chart 3chart-3#3566AA

See more color values

RGB: rgb(53 102 170)
HSL: hsl(214.9 52.5% 43.7%)
OKLCH: oklch(0.5103 0.1208 257.1)
Lab D50: lab(42.39% 0.83 -42.15)

CMYK: output profile required

Chart 4chart-4#7B519A

See more color values

RGB: rgb(123 81 154)
HSL: hsl(274.5 31.1% 46.1%)
OKLCH: oklch(0.5121 0.1198 309.3)
Lab D50: lab(41.63% 28.77 -33.42)

CMYK: output profile required

Chart 5chart-5#9C4562

See more color values

RGB: rgb(156 69 98)
HSL: hsl(340.0 38.7% 44.1%)
OKLCH: oklch(0.5116 0.1198 1.3)
Lab D50: lab(41.85% 39.21 1.56)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#00AB21

See more color values

RGB: rgb(0 171 33)
HSL: hsl(131.6 100.0% 33.5%)
OKLCH: oklch(0.6433 0.2094 143.9)
Lab D50: lab(61.03% -57.85 54.05)

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