#1C533E#1C533E
#1C533E is a dark, moderate teal. Relative luminance 0.068; OKLCH L 39.9% C 0.068 H 164.7°. Best body text is #FFFFFF at 8.91:1 contrast (WCAG AA passes).
Color values
| HEX | #1C533E |
|---|---|
| RGB | rgb(28, 83, 62) |
| HSL | hsl(157, 50%, 22%) |
| HSV | hsv(157, 66%, 33%) |
| CMYK | cmyk(66.3%, 0%, 25.3%, 67.5%) |
| CIE-LAB | lab(31.30, -23.80, 7.04) |
| CIE-LCH | lch(31.30, 24.82, 163.52°) |
| OKLab | oklab(39.94% -0.0658 0.018) |
| OKLCH | oklch(39.94% 0.068 164.7) |
| XYZ | xyz(4.4412, 6.7807, 5.6313) |
| Luminance | 0.0678 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Evergreen
#05472A
ΔE00 5.23
Dark Blue Green
#005249
ΔE00 5.52
Spruce
#0A5F38
ΔE00 6.67
Hunter Green
#355E3B
ΔE00 6.72
Dark Green Blue
#1F6357
ΔE00 6.83
Pine
#2B5D34
ΔE00 7.25
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#1C533E #531C31
analogous
#1C5323 #1C533E #1C4D53
triadic
#1C533E #3E1C53 #533E1C
tetradic
#1C533E #231C53 #531C31 #4D531C
square
#1C533E #231C53 #531C31 #4D531C
split-complementary
#1C533E #531C4D #53231C
monochromatic
#081711 #0D251C #1C533E #2B8160 #3BAF82
Accessibility & contrast
On white
8.91
#1C533E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.36
#1C533E on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #1C533E
8.91:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##1C533E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##1C533E | 1.00 | 8.91 | 2.36 | 8.91 |
| #FFFFFF | 8.91 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.91 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#514D3D
Deuteranopia (green-blind)
#4A473F
Tritanopia (blue-blind)
#00534D
Achromatopsia (no color)
#4A4A4A
Design tokens & code
CSS
--color: #1c533e; /* rgb */ color: rgb(28, 83, 62); /* oklch */ color: oklch(39.9% 0.068 164.7);
Tailwind
colors: {
custom: {
50: '#5f8473',
500: '#1c533e',
950: '#000000',
},
}SCSS
$custom: #1c533e; $custom-light: #5f8473; $custom-dark: #000000;
JSON
{
"hex": "#1c533e",
"rgb": {
"r": 28,
"g": 83,
"b": 62
},
"hsl": {
"h": 157.091,
"s": 49.55,
"l": 21.765
},
"oklch": {
"l": 0.39938,
"c": 0.06824,
"h": 164.7
},
"luminance": 0.06781
}Semantic roles & 50–950 ramp
primary
#1C533E
secondary
#89425D
accent
#4F84D9
background
#F5F8F6
surface
#EAEFEC
border
#C6CAC7
text
#050B08
muted
#797C7B