#97baf0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #97baf0 | RGB(151, 186, 240) |
Created at 09/30/2026 22:48
Classification of #97baf0 color
#97baf0 is Light and Cool Color Saturation 75%, lightness 77%.
Shade of lightsteelblue
RGB values are RGB(151, 186, 240)
#97baf0 color contains Red 59.22%, Green 72.94% and Blue 94.12%.
oklch(78.30% 0.0864 258.91)
#97baf0 color contains Red 59.22%, Green 72.94% and Blue 94.12%.
oklch(78.30% 0.0864 258.91)
Color Names of #97baf0 HEX code
≈ Jordy Blue
Alternative colors of #97baf0
Opposite Color for #97baf0 is #f0cd97
#97baf0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #97baf0
cmyk
CMYK(37%, 23%, 0%, 6%)
Decimal
9943792
HEX
#97baf0
HSL
hsl(216, 75%, 77%)
HSLA
hsla(216, 75%, 77%, 1)
RGB
RGB(151, 186, 240)
RGBA
RGBA(151, 186, 240, 1)
Palettes for #97baf0 color:
Below examples of color palettes for #97baf0 HEX color
darkest color is #0f1318 from shades and lightest color is #f5f8fe from tints
Shades palette of #97baf0:
#88a7d8
#7995c0
#6a82a8
#5b7090
#4c5d78
#3c4a60
#2d3848
#1e2530
#0f1318
#000000
Tints palette of #97baf0:
#a1c1f2
#acc8f3
#b6cff5
#c1d6f6
#cbddf8
#d5e3f9
#e0eafb
#eaf1fc
#f5f8fe
#ffffff
Complementary palette of #97baf0:
#97baf0
#f0cd97
Triadic palette of #97baf0:
#97baf0
#f097ba
#baf097
Square palette of #97baf0:
#97baf0
#f097e7
#f0cd97
#97f0a0
Analogous palette of #97baf0:
#97e7f0
#97baf0
#a097f0
Split-Complementary palette of #97baf0:
#97baf0
#f0a097
#e7f097
Rectangle (tetradic) palette of #97baf0:
#97baf0
#cd97f0
#f0cd97
#baf097
Suggested color palettes for #97baf0 HEX:
Color palette with color #97baf0 #1:
Color palette with color #97baf0 #2:
Color palette with color #97baf0 #3:
Color palette with color #97baf0 #4:
Color palette with color #97baf0 #5:
Color Contrast
Color pairings #97baf0 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#97baf0
#97baf0 Contrast Ratio
1.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#97baf0
#97baf0 Contrast Ratio
10.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #97baf0 color png
Visit the popular colors list for more colors