#97baf5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #97baf5 | RGB(151, 186, 245) |
Created at 10/01/2026 14:20
RGB values are RGB(151, 186, 245)
#97baf5 color contains Red 59.22%, Green 72.94% and Blue 96.08%.
oklch(78.51% 0.0929 260.66)
#97baf5 color contains Red 59.22%, Green 72.94% and Blue 96.08%.
oklch(78.51% 0.0929 260.66)
Color Names of #97baf5 HEX code
≈ Jordy Blue
Classification of #97baf5 color
#97baf5 is Light and Cool Color Saturation 82%, lightness 78%.
Shade of Light Steel Blue
Alternative colors of #97baf5
Opposite Color for #97baf5 is #f5d297
#97baf5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #97baf5
cmyk
CMYK(38%, 24%, 0%, 4%)
Decimal
9943797
HEX
#97baf5
HSL
hsl(218, 82%, 78%)
HSLA
hsla(218, 82%, 78%, 1)
RGB
RGB(151, 186, 245)
RGBA
RGBA(151, 186, 245, 1)
Palettes for #97baf5 color:
Below are examples of color palettes with the #97baf5 HEX color
darkest color is #0f1318 from shades and lightest color is #f5f8fe from tints
Shades palette of #97baf5:
#88a7dd
#7995c4
#6a82ac
#5b7093
#4c5d7b
#3c4a62
#2d384a
#1e2531
#0f1318
#000000
Tints palette of #97baf5:
#a1c1f6
#acc8f7
#b6cff8
#c1d6f9
#cbddfa
#d5e3fb
#e0eafc
#eaf1fd
#f5f8fe
#ffffff
Complementary palette of #97baf5:
#97baf5
#f5d297
Triadic palette of #97baf5:
#97baf5
#f597ba
#baf597
Square palette of #97baf5:
#97baf5
#f597e9
#f5d297
#97f5a3
Analogous palette of #97baf5:
#97e9f5
#97baf5
#a397f5
Split-Complementary palette of #97baf5:
#97baf5
#f5a397
#e9f597
Rectangle (tetradic) palette of #97baf5:
#97baf5
#d297f5
#f5d297
#baf597
Suggested color palettes for #97baf5 HEX:
Color palette with color #97baf5 #1:
Color palette with color #97baf5 #2:
Color palette with color #97baf5 #3:
Color palette with color #97baf5 #4:
Color palette with color #97baf5 #5:
Color Contrast
Color pairings of #97baf5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#97baf5
#97baf5Contrast Ratio
1.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#97baf5
#97baf5Contrast Ratio
10.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #97baf5 color png
Visit the popular colors list for more colors