Cerulean is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #007BA7, which equals rgb(0, 123, 167) in RGB and hsl(196, 100%, 33%) in HSL. In print terms it converts to roughly C100 M26 Y0 K35, although exact CMYK results depend on the paper and color profile.
- HEX
#007BA7 - RGB
0, 123, 167 - HSL
196°, 100%, 33% - CMYK
100, 26, 0, 35 - Family
Blue - Tone
Medium-dark, vivid
About Cerulean
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 4.78:1. Its complementary color is #A82D00.
Download Cerulean as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Cerulean color codes
| HEX | #007BA7 |
|---|---|
| RGB | rgb(0, 123, 167) |
| HSL | hsl(196, 100%, 33%) |
| HSV | 196°, 100%, 65% |
| CMYK | 100%, 26%, 0%, 35% |
| Decimal | 31655 |
Shades and tints of Cerulean
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5E9F0 - 100
#AAD3E2 - 200
#80BDD3 - 300
#55A7C4 - 400
#2B91B6 - 500
#007BA7 - 600
#00678B - 700
#00526F - 800
#003E54 - 900
#002938 - 950
#00151C
Color harmonies for Cerulean
- Complementary
#A82D00≈ Deep Cinnabar - Analogous −30°
#00A881≈ Deep Aquamarine - Analogous +30°
#0027A8≈ Deep Cobalt - Triadic +120°
#A8007B≈ Deep Raspberry - Triadic +240°
#7BA800≈ Deep Chartreuse - Split 150°
#A80027≈ Deep Crimson - Split 210°
#A88100≈ Deep Amber
Contrast and accessibility of Cerulean
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cerulean | Aa | 4.78:1 | AA (good) |
| Black text on Cerulean | Aa | 4.39:1 | AA Large only |
CSS code for Cerulean
background-color: #007BA7;color: #007BA7;background-color: rgb(0, 123, 167);background-color: hsl(196, 100%, 33%);:root { --color-cerulean: #007BA7; }class="bg-[#007BA7]"Colors similar to Cerulean
- Deep Capri
#0079AD - Deep Bright Peacock
#11809C - Deep Peacock
#008BAD - Deep Bright Capri
#11729C - Deep Azure
#0068AD - Deep Bright Lagoon
#118E9C - Deep Bright Azure
#11659C - Medium Dark Bright Azure
#157CC1 - Dark Cyan
#008B8B - Dark Lagoon
#007785 - Dark Cyan Tone
#008585 - Medium Dark Bright Cerulean
#156BC1
More blue shades
- Medium Turquoise
#48D1CC - Pale Turquoise
#AFEEEE - Powder Blue
#B0E0E6 - Slate Blue
#6A5ACD - Steel Blue
#4682B4 - Turquoise
#40E0D0 - Sapphire
#0F52BA - Periwinkle
#CCCCFF - Cobalt Blue
#0047AB - Ultramarine
#3F00FF - Iris
#5A4FCF
Frequently asked questions
What is the HEX code for Cerulean?
The HEX code for Cerulean is #007BA7.
What is the RGB value of Cerulean?
Cerulean has an RGB value of 0, 123, 167 (rgb(0, 123, 167)). In HSL it is 196°, 100%, 33%.
What text color should I use on Cerulean?
Use white text on Cerulean. White text has a contrast ratio of 4.78:1 and black text has 4.39:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cerulean?
The complementary color of Cerulean is #A82D00. Analogous colors #00A881 and #0027A8 also pair well.