#44A7D7#44A7D7
#44A7D7 is a light, moderate cyan. Relative luminance 0.338; OKLCH L 69.0% C 0.115 H 233.1°. Best body text is #000000 at 7.75:1 contrast (WCAG AA passes).
Color values
| HEX | #44A7D7 |
|---|---|
| RGB | rgb(68, 167, 215) |
| HSL | hsl(200, 65%, 55%) |
| HSV | hsv(200, 68%, 84%) |
| CMYK | cmyk(68.4%, 22.3%, 0%, 15.7%) |
| CIE-LAB | lab(64.78, -13.67, -32.76) |
| CIE-LCH | lch(64.78, 35.49, 247.35°) |
| OKLab | oklab(69.04% -0.0691 -0.092) |
| OKLCH | oklch(69.04% 0.115 233.1) |
| XYZ | xyz(28.4635, 33.7695, 69.2949) |
| Luminance | 0.3377 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Deepskyblue
#00BFFF
ΔE00 7.15
Azure (survey)
#069AF3
ΔE00 7.89
Greyblue
#77A1B5
ΔE00 8.25
Sky Blue (survey)
#75BBFD
ΔE00 9.32
Lightblue (survey)
#7BC8F6
ΔE00 9.76
Bright Sky Blue
#02CCFE
ΔE00 10.44
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#44A7D7 #D77444
analogous
#44D7BE #44A7D7 #445DD7
triadic
#44A7D7 #D744A7 #A7D744
tetradic
#44A7D7 #BE44D7 #D77444 #5DD744
square
#44A7D7 #BE44D7 #D77444 #5DD744
split-complementary
#44A7D7 #D7445D #D7BE44
monochromatic
#1C6284 #2788B7 #44A7D7 #76BFE2 #A9D6ED
Accessibility & contrast
On white
2.71
#44A7D7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.75
#44A7D7 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #44A7D7
7.75:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##44A7D7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##44A7D7 | 1.00 | 2.71 | 7.75 | 7.75 |
| #FFFFFF | 2.71 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.75 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.75 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8FA5D9
Deuteranopia (green-blind)
#7B97D6
Tritanopia (blue-blind)
#00B4B7
Achromatopsia (no color)
#9D9D9D
Design tokens & code
CSS
--color: #44a7d7; /* rgb */ color: rgb(68, 167, 215); /* oklch */ color: oklch(69.0% 0.115 233.1);
Tailwind
colors: {
custom: {
50: '#88c1e3',
500: '#44a7d7',
950: '#000000',
},
}SCSS
$custom: #44a7d7; $custom-light: #88c1e3; $custom-dark: #000000;
JSON
{
"hex": "#44a7d7",
"rgb": {
"r": 68,
"g": 167,
"b": 215
},
"hsl": {
"h": 199.592,
"s": 64.758,
"l": 55.49
},
"oklch": {
"l": 0.6904,
"c": 0.11505,
"h": 233.1
},
"luminance": 0.33773
}Semantic roles & 50–950 ramp
primary
#44A7D7
secondary
#DAB19D
accent
#7740E8
background
#F9FBFD
surface
#F1F7FB
border
#CBD0D4
text
#0D1215
muted
#7E8183