Cerulean#007BA7
Cerulean Hex Code: #007BA7
Cerulean is a medium, moderately saturated blue. Its OKLCH lightness is 55% and chroma 0.112. Text on this color reads best in white (contrast 4.78:1).
| HEX | #007BA7 |
|---|---|
| RGB | rgb(0, 123, 167) |
| HSL | hsl(196, 100%, 33%) |
| HSV / HSB | hsv(196, 100%, 65%) |
| CMYK | cmyk(100%, 26%, 0%, 35%) |
| OKLCH | oklch(54.8% 0.112 232.4) |
Contrast
White text4.78:1
AAAA largeAAA
Black text4.39:1
AAAA largeAAA
On white4.78:1
AAAA largeAAA
On black4.39:1
AAAA largeAAA
Tints
Shades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #007BA7; |
|---|---|
| Tailwind | bg-[#007ba7] |
| SwiftUI | Color(red: 0, green: 0.482, blue: 0.655) |
| Android | Color.parseColor("#007BA7") |
| Flutter | Color(0xFF007BA7) |
Value from Wikipedia, List of colors (cerulean). Names like Cerulean are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for cerulean?
Cerulean is #007BA7 in hex and rgb(0, 123, 167) in RGB.
What is cerulean in CMYK?
With the plain conversion formula it is cmyk(100, 26, 0, 35). For print, convert with your printer's ICC profile instead.
What text color works on cerulean?
White text has the higher contrast at 4.78:1, which passes WCAG AA for normal text (4.5:1).