bluecool
Baby Blue #89CFF0
A soft pale blue, gentle and calming.
Use cases: Baby products · Soft UI
Color values
| Format | Value | |
|---|---|---|
| HEX | #89CFF0 | |
| RGB | rgb(137, 207, 240) | |
| HSL | hsl(199, 77%, 74%) | |
| HSV | hsv(199, 43%, 94%) | |
| CMYK | cmyk(42.9%, 13.7%, 0%, 5.9%) | |
| XYZ | xyz(48.352, 56.2319, 90.7271) | |
| CIE-LAB | lab(79.7, -13.6, -23.1) | |
| Luminance | 0.562 (WCAG relative) |
/* Baby Blue */
color: #89cff0;
background-color: #89cff0;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#7bbad8 #6ea6c0 #6091a8 #527c90 #456878 #375360 #293e48 #1b2930 #0e1518 #000000
Tints (toward white)
#95d4f2 #a1d9f3 #acddf5 #b8e2f6 #c4e7f8 #d0ecf9 #dcf1fb #e7f5fc #f3fafe #ffffff
Tones (toward gray)
#88c7e5 #87bfda #86b7ce #85afc3 #85a8b8 #84a0ad #8398a2 #829096 #81888b #808080
Color harmonies
Complementary
Edit in generator →#89CFF0
#F0AA89
#89cff0 #f0aa89
Analogous
Edit in generator →#89F0DE
#89CFF0
#899CF0
#89f0de #89cff0 #899cf0
Triadic
Edit in generator →#89CFF0
#F089CF
#CFF089
#89cff0 #f089cf #cff089
Tetradic
Edit in generator →#89CFF0
#DE89F0
#F0AA89
#9CF089
#89cff0 #de89f0 #f0aa89 #9cf089
Split Complementary
Edit in generator →#89CFF0
#F0899C
#F0DE89
#89cff0 #f0899c #f0de89
Monochromatic
Edit in generator →#1DA3E2
#53B9E9
#89CFF0
#BFE5F7
#E4F4FC
#1da3e2 #53b9e9 #89cff0 #bfe5f7 #e4f4fc
Accessibility & contrast
1.71
#89CFF0 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
12.25
#89CFF0 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on baby blue
12.25
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Sky Blue #87CEEB | 1.43 | |
| Ice Blue #A5DFF9 | 4.66 | |
| Powder Blue #B0E0E6 | 10.04 | |
| Silver #C0C0C0 | 18.07 | |
| Light Gray #D3D3D3 | 18.31 | |
| Aqua #00FFFF | 18.94 |
Related colors
Palettes with baby blue
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.