#74DCDA#74DCDA
#74DCDA is a very light, moderate teal. Relative luminance 0.600; OKLCH L 83.2% C 0.097 H 193.8°. Best body text is #000000 at 12.99:1 contrast (WCAG AA passes).
Color values
| HEX | #74DCDA |
|---|---|
| RGB | rgb(116, 220, 218) |
| HSL | hsl(179, 60%, 66%) |
| HSV | hsv(179, 47%, 86%) |
| CMYK | cmyk(47.3%, 0%, 0.9%, 13.7%) |
| CIE-LAB | lab(81.82, -30.64, -8.37) |
| CIE-LCH | lch(81.82, 31.76, 195.28°) |
| OKLab | oklab(83.18% -0.0943 -0.0232) |
| OKLCH | oklch(83.18% 0.097 193.8) |
| XYZ | xyz(45.4454, 59.9575, 75.4942) |
| Luminance | 0.5996 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Mediumturquoise
#48D1CC
ΔE00 4.42
Darkturquoise
#00CED1
ΔE00 6.21
Turquoise
#40E0D0
ΔE00 6.31
Aqua Blue
#02D8E9
ΔE00 7.13
Robin'S Egg
#6DEDFD
ΔE00 7.16
Robin'S Egg Blue
#98EFF9
ΔE00 7.24
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#74DCDA #DC7476
analogous
#74DCA6 #74DCDA #74AADC
triadic
#74DCDA #DA74DC #DCDA74
tetradic
#74DCDA #A674DC #DC7476 #AADC74
square
#74DCDA #A674DC #DC7476 #AADC74
split-complementary
#74DCDA #DC74AA #DCA674
monochromatic
#2BABA8 #43D0CD #74DCDA #A5E8E7 #D6F5F4
Accessibility & contrast
On white
1.62
#74DCDA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.99
#74DCDA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #74DCDA
12.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##74DCDA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##74DCDA | 1.00 | 1.62 | 12.99 | 12.99 |
| #FFFFFF | 1.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D1D3DA
Deuteranopia (green-blind)
#BFC6DB
Tritanopia (blue-blind)
#38E1DB
Achromatopsia (no color)
#CBCBCB
Design tokens & code
CSS
--color: #74dcda; /* rgb */ color: rgb(116, 220, 218); /* oklch */ color: oklch(83.2% 0.097 193.8);
Tailwind
colors: {
custom: {
50: '#a3e7e5',
500: '#74dcda',
950: '#000000',
},
}SCSS
$custom: #74dcda; $custom-light: #a3e7e5; $custom-dark: #000000;
JSON
{
"hex": "#74dcda",
"rgb": {
"r": 116,
"g": 220,
"b": 218
},
"hsl": {
"h": 178.846,
"s": 59.77,
"l": 65.882
},
"oklch": {
"l": 0.83176,
"c": 0.09707,
"h": 193.8
},
"luminance": 0.59961
}Semantic roles & 50–950 ramp
primary
#74DCDA
secondary
#AD4749
accent
#1E21C7
background
#FDFEFE
surface
#F7FCFC
border
#D0D5D5
text
#101615
muted
#818484