#40CA94#40CA94
#40CA94 is a light, vivid teal. Relative luminance 0.455; OKLCH L 75.2% C 0.142 H 162.9°. Best body text is #000000 at 10.09:1 contrast (WCAG AA passes).
Color values
| HEX | #40CA94 |
|---|---|
| RGB | rgb(64, 202, 148) |
| HSL | hsl(157, 57%, 52%) |
| HSV | hsv(157, 68%, 79%) |
| CMYK | cmyk(68.3%, 0%, 26.7%, 20.8%) |
| CIE-LAB | lab(73.20, -49.51, 16.42) |
| CIE-LCH | lch(73.20, 52.16, 161.65°) |
| OKLab | oklab(75.16% -0.1358 0.0419) |
| OKLCH | oklch(75.16% 0.142 162.9) |
| XYZ | xyz(28.5772, 45.4660, 35.2810) |
| Luminance | 0.4547 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Greenblue
#23C48B
ΔE00 2.17
Greenish Teal
#32BF84
ΔE00 3.34
Green Blue
#01C08D
ΔE00 3.43
Eucalyptus
#44D7A8
ΔE00 3.93
Mediumaquamarine
#66CDAA
ΔE00 5.32
Dark Mint Green
#20C073
ΔE00 5.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#40CA94 #CA4076
analogous
#40CA4F #40CA94 #40BBCA
triadic
#40CA94 #9440CA #CA9440
tetradic
#40CA94 #4F40CA #CA4076 #BBCA40
square
#40CA94 #4F40CA #CA4076 #BBCA40
split-complementary
#40CA94 #CA40BB #CA4F40
monochromatic
#1F7051 #2CA073 #40CA94 #70D7AF #A0E5CA
Accessibility & contrast
On white
2.08
#40CA94 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.09
#40CA94 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #40CA94
10.09:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##40CA94 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##40CA94 | 1.00 | 2.08 | 10.09 | 10.09 |
| #FFFFFF | 2.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.09 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.09 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C7BB91
Deuteranopia (green-blind)
#B5AE97
Tritanopia (blue-blind)
#00CABB
Achromatopsia (no color)
#B4B4B4
Design tokens & code
CSS
--color: #40ca94; /* rgb */ color: rgb(64, 202, 148); /* oklch */ color: oklch(75.2% 0.142 162.9);
Tailwind
colors: {
custom: {
50: '#86dbb3',
500: '#40ca94',
950: '#000000',
},
}SCSS
$custom: #40ca94; $custom-light: #86dbb3; $custom-dark: #000000;
JSON
{
"hex": "#40ca94",
"rgb": {
"r": 64,
"g": 202,
"b": 148
},
"hsl": {
"h": 156.522,
"s": 56.557,
"l": 52.157
},
"oklch": {
"l": 0.75163,
"c": 0.14212,
"h": 162.9
},
"luminance": 0.45469
}Semantic roles & 50–950 ramp
primary
#40CA94
secondary
#D195AC
accent
#4883E0
background
#F8FDFB
surface
#F0FBF6
border
#CBD4D0
text
#0C1511
muted
#7D8380