#50848D#50848D
#50848D is a mid, muted teal. Relative luminance 0.201; OKLCH L 58.0% C 0.057 H 209.7°. Best body text is #000000 at 5.03:1 contrast (WCAG AA passes).
Color values
| HEX | #50848D |
|---|---|
| RGB | rgb(80, 132, 141) |
| HSL | hsl(189, 28%, 43%) |
| HSV | hsv(189, 43%, 55%) |
| CMYK | cmyk(43.3%, 6.4%, 0%, 44.7%) |
| CIE-LAB | lab(51.98, -14.87, -10.30) |
| CIE-LCH | lch(51.98, 18.09, 214.70°) |
| OKLab | oklab(58.03% -0.0497 -0.0283) |
| OKLCH | oklch(58.03% 0.057 209.7) |
| XYZ | xyz(16.3655, 20.1299, 28.2172) |
| Luminance | 0.2013 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Teal Blue
#01889F
ΔE00 6.47
Dirty Blue
#3F829D
ΔE00 6.79
Ocean
#017B92
ΔE00 7.55
Dark Cyan
#0A888A
ΔE00 8.18
Deep Aqua
#08787F
ΔE00 8.58
Steel Grey
#6F828A
ΔE00 8.70
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#50848D #8D5950
analogous
#508D77 #50848D #50658D
triadic
#50848D #8D5084 #848D50
tetradic
#50848D #77508D #8D5950 #658D50
square
#50848D #77508D #8D5950 #658D50
split-complementary
#50848D #8D5065 #8D7750
monochromatic
#243B3F #3A5F66 #50848D #6EA3AD #95BCC3
Accessibility & contrast
On white
4.18
#50848D on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.03
#50848D on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #50848D
5.03:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##50848D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##50848D | 1.00 | 4.18 | 5.03 | 5.03 |
| #FFFFFF | 4.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.03 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.03 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7C808E
Deuteranopia (green-blind)
#72798D
Tritanopia (blue-blind)
#358887
Achromatopsia (no color)
#7C7C7C
Design tokens & code
CSS
--color: #50848d; /* rgb */ color: rgb(80, 132, 141); /* oklch */ color: oklch(58.0% 0.057 209.7);
Tailwind
colors: {
custom: {
50: '#85a8ae',
500: '#50848d',
950: '#000000',
},
}SCSS
$custom: #50848d; $custom-light: #85a8ae; $custom-dark: #000000;
JSON
{
"hex": "#50848d",
"rgb": {
"r": 80,
"g": 132,
"b": 141
},
"hsl": {
"h": 188.852,
"s": 27.602,
"l": 43.333
},
"oklch": {
"l": 0.58034,
"c": 0.05719,
"h": 209.7
},
"luminance": 0.20131
}Semantic roles & 50–950 ramp
primary
#50848D
secondary
#AF8F89
accent
#7264C4
background
#F8FAFA
surface
#EFF4F4
border
#CACECE
text
#0B0F10
muted
#7C7F7F