#89CFF0
Baby Blue
Baby blue is a soft, pastel shade of blue traditionally associated with baby boys. It conveys innocence, gentleness, and youthful charm.
Baby Blue Color Values
HEX#89CFF0
RGB137, 207, 240
HSL199°, 77%, 74%
HSV199°, 43%, 94%
CMYK43%, 14%, 0%, 6%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #BECCF2 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #AFC0EF (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #5DD8DA (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #C2C2C2 (~0.003% of population)
Baby Blue as Text Color
Baby Blue on White
1.7:1FAIL
Baby Blue on Light Gray
1.6:1FAIL
Baby Blue on Cream
1.6:1FAIL
Baby Blue on Dark
9.9:1AAA
Baby Blue on Black
12.2:1AAA
Baby Blue on Soft Blue
1.5:1FAIL
Baby Blue on Soft Green
1.5:1FAIL
Baby Blue on Soft Pink
1.4:1FAIL
Nearest Tailwind Class
blue-400
#60A5FA
Nearest Pantone Match
Pantone Cool Gray 1
#D9D9D6
CSS Variable Export
:root {
--color-baby-blue: #89CFF0;
--color-baby-blue-rgb: 137, 207, 240;
}Tailwind Config
// tailwind.config.js
colors: {
'baby-blue': '#89CFF0',
}Shades of Baby Blue
#8ACFF0
#66C1EB
#41B2E6
#1DA0DD
#1886B9
#136C95
#0F5271
#093448
#051A24
#000000
Tints of Baby Blue
#8ACFF0
#97D5F2
#A5DAF3
#B2E0F5
#C0E5F7
#C9E9F8
#D6EFFA
#E4F4FB
#F1FAFD
#FFFFFF
Color Harmonies
Complementary
#89CFF0
#F0AA8A
Analogous
#8AF0DD
#8ACFF0
#8A9CF0
Triadic
#8ACFF0
#F08ACF
#CFF08A
Baby Blue Text Preview
Heading in Baby Blue
Body text in Baby Blue. The quick brown fox jumps over the lazy dog.
White on Baby Blue
Body text on a Baby Blue background.
Baby Blue text on dark background
Contrast: 10.3:1