#89b4e0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #89b4e0 | RGB(137, 180, 224) |
Created at 11/03/2026 13:49
RGB values are RGB(137, 180, 224)
#89b4e0 color contains Red 53.73%, Green 70.59% and Blue 87.84%.
oklch(75.51% 0.0787 249.48)
#89b4e0 color contains Red 53.73%, Green 70.59% and Blue 87.84%.
oklch(75.51% 0.0787 249.48)
Color Names of #89b4e0 HEX code
≈ Jordy Blue
Classification of #89b4e0 color
#89b4e0 is Light and Cool Color Saturation 58%, lightness 71%.
Shade of Light Steel Blue
Alternative colors of #89b4e0
Opposite Color for #89b4e0 is #e0b589
#89b4e0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #89b4e0
cmyk
CMYK(39%, 20%, 0%, 12%)
Decimal
9024736
HEX
#89b4e0
HSL
hsl(210, 58%, 71%)
HSLA
hsla(210, 58%, 71%, 1)
RGB
RGB(137, 180, 224)
RGBA
RGBA(137, 180, 224, 1)
Palettes for #89b4e0 color:
Below are examples of color palettes with the #89b4e0 HEX color
darkest color is #0e1216 from shades and lightest color is #f3f8fc from tints
Shades palette of #89b4e0:
#7ba2ca
#6e90b3
#607e9d
#526c86
#455a70
#37485a
#293643
#1b242d
#0e1216
#000000
Tints palette of #89b4e0:
#95bce3
#a1c3e6
#accbe9
#b8d2ec
#c4daf0
#d0e1f3
#dce9f6
#e7f0f9
#f3f8fc
#ffffff
Complementary palette of #89b4e0:
#89b4e0
#e0b589
Triadic palette of #89b4e0:
#89b4e0
#e089b4
#b4e089
Square palette of #89b4e0:
#89b4e0
#e089e0
#e0b589
#89e089
Analogous palette of #89b4e0:
#89e0e0
#89b4e0
#8989e0
Split-Complementary palette of #89b4e0:
#89b4e0
#e08989
#e0e089
Rectangle (tetradic) palette of #89b4e0:
#89b4e0
#b589e0
#e0b589
#b4e089
Suggested color palettes for #89b4e0 HEX:
Color palette with color #89b4e0 #1:
Color palette with color #89b4e0 #2:
Color palette with color #89b4e0 #3:
Color palette with color #89b4e0 #4:
Color palette with color #89b4e0 #5:
Color Contrast
Color pairings of #89b4e0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#89b4e0
#89b4e0Contrast Ratio
2.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#89b4e0
#89b4e0Contrast Ratio
9.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #89b4e0 color png
Visit the popular colors list for more colors