Coloried

Coral Blue

Coral Blue color is a pastel shade of light blue. Its hex code is #AFDCEC and rgb code is rgb(175, 220, 236), Its CMYK value is cmyk(26%, 7%, 0%, 7%), and Its HSL value is hsl(196, 62%, 81%). Against white, it has a contrast ratio of 1.47:1, while against black, the contrast ratio is 14.27:1. Complementary color is #EDC1B1 and closest tailwind color is sky-200. This color goes well with #3559D0, #35D0AB, #237695, #D95E7B, and #D9BC5E. To create this Coral Blue color, you can mix #FFFFFF and #5FB9D9.

Coral Blue color code
|
1. Color Conversions
HEX#AFDCEC
RGB175, 220, 236
HSL196°, 62%, 81%
HSV196°, 62%, 93%
CMYK26%, 7%, 0%, 7%
Web Safe#99CCFF
2. Contrast Ratio
Text on #FFFFFF1.47:1
Fail LargeFail Normal
Text on #00000014.27:1
AAA LargeAAA Normal
3. Coral Blue Color Code in CSS
HEX
#AFDCEC
RGB
rgb(175, 220, 236)
HSL
hsl(196, 62%, 81%)
Text Color
color: #AFDCEC;
Background
background-color: #AFDCEC;
Border Color
border-color: #AFDCEC;
Box Shadow
box-shadow: 0 4px 14px 0 #AFDCEC80;
SCSS
$color-coral-blue: #AFDCEC;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#C2C3E8
Deuteranopia#C0BDE7
Tritanopia#B1E5E4
Achromatopsia#D0D0D0
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive