Coloried

Baby Blue

Baby Blue color is a intense shade of light blue. Its hex code is #89CFF0 and rgb code is rgb(137, 207, 240), Its CMYK value is cmyk(43%, 14%, 0%, 6%), and Its HSL value is hsl(199, 77%, 74%). The contrast ratio against white is 1.71:1, and against black, contrast ratio is 12.25:1. Its complementary color is #F0AA8A and closest tailwind color is sky-300. This color goes well with #1A39C7, #1AC7A7, #115F83, #E42F50, and #E4C32F. To recreate the Baby Blue color, you can mix #FFFFFF and #139FE1.

Baby Blue color code
|
1. Color Conversions
HEX#89CFF0
RGB137, 207, 240
HSL199°, 77%, 74%
HSV199°, 77%, 94%
CMYK43%, 14%, 0%, 6%
Web Safe#99CCFF
2. Contrast Ratio
Text on #FFFFFF1.71:1
Fail LargeFail Normal
Text on #00000012.25:1
AAA LargeAAA Normal
3. Baby Blue Color Code in CSS
HEX
#89CFF0
RGB
rgb(137, 207, 240)
HSL
hsl(199, 77%, 74%)
Text Color
color: #89CFF0;
Background
background-color: #89CFF0;
Border Color
border-color: #89CFF0;
Box Shadow
box-shadow: 0 4px 14px 0 #89CFF080;
SCSS
$color-baby-blue: #89CFF0;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#A7A8E8
Deuteranopia#A39EE6
Tritanopia#8DE2E0
Achromatopsia#BEBEBE
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive