#2A725E#2A725E
#2A725E is a mid, moderate teal. Relative luminance 0.133; OKLCH L 50.1% C 0.079 H 171.6°. Best body text is #FFFFFF at 5.73:1 contrast (WCAG AA passes).
Color values
| HEX | #2A725E |
|---|---|
| RGB | rgb(42, 114, 94) |
| HSL | hsl(163, 46%, 31%) |
| HSV | hsv(163, 63%, 45%) |
| CMYK | cmyk(63.2%, 0%, 17.5%, 55.3%) |
| CIE-LAB | lab(43.26, -27.62, 4.49) |
| CIE-LCH | lch(43.26, 27.98, 170.76°) |
| OKLab | oklab(50.1% -0.0779 0.0114) |
| OKLCH | oklch(50.1% 0.079 171.6) |
| XYZ | xyz(8.9916, 13.3341, 12.6874) |
| Luminance | 0.1333 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Dark Green Blue
#1F6357
ΔE00 5.79
Dark Aquamarine
#017371
ΔE00 7.82
Bluegreen
#017A79
ΔE00 8.80
Deep Turquoise
#017374
ΔE00 9.06
Dark Sea Green
#11875D
ΔE00 9.38
Spruce
#0A5F38
ΔE00 9.77
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2A725E #722A3E
analogous
#2A723A #2A725E #2A6272
triadic
#2A725E #5E2A72 #725E2A
tetradic
#2A725E #3A2A72 #722A3E #62722A
square
#2A725E #3A2A72 #722A3E #62722A
split-complementary
#2A725E #722A62 #723A2A
monochromatic
#091914 #1A4539 #2A725E #3A9F83 #56C1A3
Accessibility & contrast
On white
5.73
#2A725E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.67
#2A725E on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #2A725E
5.73:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2A725E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2A725E | 1.00 | 5.73 | 3.67 | 5.73 |
| #FFFFFF | 5.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.67 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.73 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6F6B5D
Deuteranopia (green-blind)
#64635F
Tritanopia (blue-blind)
#00736C
Achromatopsia (no color)
#666666
Design tokens & code
CSS
--color: #2a725e; /* rgb */ color: rgb(42, 114, 94); /* oklch */ color: oklch(50.1% 0.079 171.6);
Tailwind
colors: {
custom: {
50: '#6c9b8b',
500: '#2a725e',
950: '#000000',
},
}SCSS
$custom: #2a725e; $custom-light: #6c9b8b; $custom-dark: #000000;
JSON
{
"hex": "#2a725e",
"rgb": {
"r": 42,
"g": 114,
"b": 94
},
"hsl": {
"h": 163.333,
"s": 46.154,
"l": 30.588
},
"oklch": {
"l": 0.50099,
"c": 0.0787,
"h": 171.6
},
"luminance": 0.13335
}Semantic roles & 50–950 ramp
primary
#2A725E
secondary
#A4546A
accent
#5277D6
background
#F6F9F8
surface
#ECF2F0
border
#C7CCCB
text
#070E0C
muted
#7A7E7D