Coloried

Cerulean Blue

Cerulean Blue color is a clear shade of blue. Its hex code is #2A52BE and rgb code is rgb(42, 82, 190), Its CMYK value is cmyk(78%, 57%, 0%, 25%), and Its HSL value is hsl(224, 64%, 45%). Against white, it has contrast ratio of 6.89:1, while against black, the contrast ratio is 3.05:1. Its complementary color is #BC9529 and closest tailwind color is blue-800. This color goes well with #A996E8, #96D5E8, #D5DEF6, #DF876D, and #C4DF6D. To get this Cerulean Blue color, you can mix #0000FF and #54A47D.

Cerulean Blue color code
|
1. Color Conversions
HEX#2A52BE
RGB42, 82, 190
HSL224°, 64%, 45%
HSV224°, 64%, 75%
CMYK78%, 57%, 0%, 25%
Web Safe#3366CC
2. Contrast Ratio
Text on #FFFFFF6.89:1
AAA LargeAAA Normal
Text on #0000003.05:1
AAA LargeFail Normal
3. Cerulean Blue Color Code in CSS
HEX
#2A52BE
RGB
rgb(42, 82, 190)
HSL
hsl(224, 64%, 45%)
Text Color
color: #2A52BE;
Background
background-color: #2A52BE;
Border Color
border-color: #2A52BE;
Box Shadow
box-shadow: 0 4px 14px 0 #2A52BE80;
SCSS
$color-cerulean-blue: #2A52BE;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#3B3CA4
Deuteranopia#39369E
Tritanopia#2C8F8B
Achromatopsia#525252
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive