#89b4f7 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #89b4f7 | RGB(137, 180, 247) |
Created at 09/28/2026 16:36
RGB values are RGB(137, 180, 247)
#89b4f7 color contains Red 53.73%, Green 70.59% and Blue 96.86%.
oklch(76.51% 0.1075 259.05)
#89b4f7 color contains Red 53.73%, Green 70.59% and Blue 96.86%.
oklch(76.51% 0.1075 259.05)
Color Names of #89b4f7 HEX code
≈ Jordy Blue
Classification of #89b4f7 color
#89b4f7 is Light and Cool Color Saturation 87%, lightness 75%.
Tint of Cornflower Blue
Alternative colors of #89b4f7
Opposite Color for #89b4f7 is #f7cc89
#89b4f7 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #89b4f7
cmyk
CMYK(45%, 27%, 0%, 3%)
Decimal
9024759
HEX
#89b4f7
HSL
hsl(217, 87%, 75%)
HSLA
hsla(217, 87%, 75%, 1)
RGB
RGB(137, 180, 247)
RGBA
RGBA(137, 180, 247, 1)
Palettes for #89b4f7 color:
Below are examples of color palettes with the #89b4f7 HEX color
darkest color is #0e1219 from shades and lightest color is #f3f8fe from tints
Shades palette of #89b4f7:
#7ba2de
#6e90c6
#607ead
#526c94
#455a7c
#374863
#29364a
#1b2431
#0e1219
#000000
Tints palette of #89b4f7:
#95bcf8
#a1c3f9
#accbf9
#b8d2fa
#c4dafb
#d0e1fc
#dce9fd
#e7f0fd
#f3f8fe
#ffffff
Complementary palette of #89b4f7:
#89b4f7
#f7cc89
Triadic palette of #89b4f7:
#89b4f7
#f789b4
#b4f789
Square palette of #89b4f7:
#89b4f7
#f789eb
#f7cc89
#89f795
Analogous palette of #89b4f7:
#89ebf7
#89b4f7
#9589f7
Split-Complementary palette of #89b4f7:
#89b4f7
#f79589
#ebf789
Rectangle (tetradic) palette of #89b4f7:
#89b4f7
#cc89f7
#f7cc89
#b4f789
Suggested color palettes for #89b4f7 HEX:
Color palette with color #89b4f7 #1:
Color palette with color #89b4f7 #2:
Color palette with color #89b4f7 #3:
Color palette with color #89b4f7 #4:
Color palette with color #89b4f7 #5:
Color Contrast
Color pairings of #89b4f7 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#89b4f7
#89b4f7Contrast Ratio
2.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#89b4f7
#89b4f7Contrast Ratio
9.93:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #89b4f7 color png
Visit the popular colors list for more colors