#89b4f8 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #89b4f8 | RGB(137, 180, 248) |
Created at 10/30/2026 01:35
RGB values are RGB(137, 180, 248)
#89b4f8 color contains Red 53.73%, Green 70.59% and Blue 97.25%.
oklch(76.55% 0.1087 259.34)
#89b4f8 color contains Red 53.73%, Green 70.59% and Blue 97.25%.
oklch(76.55% 0.1087 259.34)
Color Names of #89b4f8 HEX code
≈ Jordy Blue
Classification of #89b4f8 color
#89b4f8 is Light and Cool Color Saturation 89%, lightness 75%.
Tint of Cornflower Blue
Alternative colors of #89b4f8
Opposite Color for #89b4f8 is #f8cd89
#89b4f8 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #89b4f8
cmyk
CMYK(45%, 27%, 0%, 3%)
Decimal
9024760
HEX
#89b4f8
HSL
hsl(217, 89%, 75%)
HSLA
hsla(217, 89%, 75%, 1)
RGB
RGB(137, 180, 248)
RGBA
RGBA(137, 180, 248, 1)
Palettes for #89b4f8 color:
Below are examples of color palettes with the #89b4f8 HEX color
darkest color is #0e1219 from shades and lightest color is #f3f8fe from tints
Shades palette of #89b4f8:
#7ba2df
#6e90c6
#607eae
#526c95
#455a7c
#374863
#29364a
#1b2432
#0e1219
#000000
Tints palette of #89b4f8:
#95bcf9
#a1c3f9
#accbfa
#b8d2fb
#c4dafc
#d0e1fc
#dce9fd
#e7f0fe
#f3f8fe
#ffffff
Complementary palette of #89b4f8:
#89b4f8
#f8cd89
Triadic palette of #89b4f8:
#89b4f8
#f889b4
#b4f889
Square palette of #89b4f8:
#89b4f8
#f889ec
#f8cd89
#89f896
Analogous palette of #89b4f8:
#89ebf8
#89b4f8
#9589f8
Split-Complementary palette of #89b4f8:
#89b4f8
#f89589
#ebf889
Rectangle (tetradic) palette of #89b4f8:
#89b4f8
#cd89f8
#f8cd89
#b4f889
Suggested color palettes for #89b4f8 HEX:
Color palette with color #89b4f8 #1:
Color palette with color #89b4f8 #2:
Color palette with color #89b4f8 #3:
Color palette with color #89b4f8 #4:
Color palette with color #89b4f8 #5:
Color Contrast
Color pairings of #89b4f8 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#89b4f8
#89b4f8Contrast Ratio
2.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#89b4f8
#89b4f8Contrast Ratio
9.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #89b4f8 color png
Visit the popular colors list for more colors