Cerulean#007BA7
#007BA7 is a mid, moderate cyan. Relative luminance 0.170; OKLCH L 54.8% C 0.112 H 232.4°. Best body text is #FFFFFF at 4.78:1 contrast (WCAG AA passes).
Color values
| HEX | #007BA7 |
|---|---|
| RGB | rgb(0, 123, 167) |
| HSL | hsl(196, 100%, 33%) |
| HSV | hsv(196, 100%, 65%) |
| CMYK | cmyk(100%, 26.3%, 0%, 34.5%) |
| CIE-LAB | lab(48.20, -12.33, -31.44) |
| CIE-LCH | lch(48.20, 33.77, 248.59°) |
| OKLab | oklab(54.78% -0.0685 -0.089) |
| OKLCH | oklch(54.78% 0.112 232.4) |
| XYZ | xyz(14.0551, 16.9540, 39.0834) |
| Luminance | 0.1696 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Cerulean
#007BA7
ΔE00 0.00
Nice Blue
#107AB0
ΔE00 3.22
Ocean Blue (survey)
#03719C
ΔE00 3.70
Sea Blue
#047495
ΔE00 4.25
Dirty Blue
#3F829D
ΔE00 5.58
Stormy Blue
#507B9C
ΔE00 6.42
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#007BA7 #A72C00
analogous
#00A77F #007BA7 #0028A7
triadic
#007BA7 #A7007B #7BA700
tetradic
#007BA7 #7F00A7 #A72C00 #28A700
square
#007BA7 #7F00A7 #A72C00 #28A700
split-complementary
#007BA7 #A70028 #A77F00
monochromatic
#00212D #004E6A #007BA7 #00A8E4 #22C5FF
Accessibility & contrast
On white
4.78
#007BA7 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.39
#007BA7 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #007BA7
4.78:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##007BA7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##007BA7 | 1.00 | 4.78 | 4.39 | 4.78 |
| #FFFFFF | 4.78 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.78 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#657AA9
Deuteranopia (green-blind)
#516DA6
Tritanopia (blue-blind)
#00878A
Achromatopsia (no color)
#727272
Related colors
#0D6E95#146183#175572#184961#183D51#173241#142732#111C23#0B1115#000000#3887B0#5594B8#6DA1C1#83AECA#98BBD3#ADC8DB#C2D6E4#D6E3ED#EBF1F6#FFFFFF#267AA2#37799C#437897#4D7892Steel Blue
#4682B4
Azure
#007FFF
Slate Gray
#708090
Denim
#1560BD
Baby Blue
#89CFF0
Blue
#0000FF
Cobalt
#0047AB
Ice Blue
#A5DFF9
Palettes with this color
#A8D8B9
#F9C8D5
#FDE8B6
#BFE3F0
#D5E8C4
Spring Color Palette
#05445E
#189AB4
#75E6DA
#D4F1F4
Ocean Color Palette
#C0C0C0
#E8E8E8
#606060
#C0C0C0
#A7A7A7
Silver Color Palette
#708090
#C8CFD7
#38434D
#898077
#7E8C9B
Slate Gray Color Palette
Design tokens & code
CSS
--color: #007ba7; /* rgb */ color: rgb(0, 123, 167); /* oklch */ color: oklch(54.8% 0.112 232.4);
Tailwind
colors: {
custom: {
50: '#6da1c1',
500: '#007ba7',
950: '#000000',
},
}SCSS
$custom: #007ba7; $custom-light: #6da1c1; $custom-dark: #000000;
JSON
{
"hex": "#007ba7",
"rgb": {
"r": 0,
"g": 123,
"b": 167
},
"hsl": {
"h": 195.808,
"s": 100,
"l": 32.745
},
"oklch": {
"l": 0.54784,
"c": 0.1123,
"h": 232.4
},
"luminance": 0.16956
}Semantic roles & 50–950 ramp
primary
#007BA7
secondary
#D95829
accent
#6129FF
background
#F7F9FB
surface
#EDF2F7
border
#C8CCD0
text
#090E12
muted
#7B7E81