#97baf7 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #97baf7 | RGB(151, 186, 247) |
Created at 12/05/2023 07:02
Classification of #97baf7 color
#97baf7 is Light and Cool Color Saturation 86%, lightness 78%.
Shade of Light Steel Blue
RGB values are RGB(151, 186, 247)
#97baf7 color contains Red 59.22%, Green 72.94% and Blue 96.86%.
oklch(78.60% 0.0955 261.29)
#97baf7 color contains Red 59.22%, Green 72.94% and Blue 96.86%.
oklch(78.60% 0.0955 261.29)
Color Names of #97baf7 HEX code
≈ Jordy Blue
Alternative colors of #97baf7
Opposite Color for #97baf7 is #f7d497
#97baf7 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #97baf7
cmyk
CMYK(39%, 25%, 0%, 3%)
Decimal
9943799
HEX
#97baf7
HSL
hsl(218, 86%, 78%)
HSLA
hsla(218, 86%, 78%, 1)
RGB
RGB(151, 186, 247)
RGBA
RGBA(151, 186, 247, 1)
Palettes for #97baf7 color:
Below are examples of color palettes with the #97baf7 HEX color
darkest color is #0f1319 from shades and lightest color is #f5f8fe from tints
Shades palette of #97baf7:
#88a7de
#7995c6
#6a82ad
#5b7094
#4c5d7c
#3c4a63
#2d384a
#1e2531
#0f1319
#000000
Tints palette of #97baf7:
#a1c1f8
#acc8f9
#b6cff9
#c1d6fa
#cbddfb
#d5e3fc
#e0eafd
#eaf1fd
#f5f8fe
#ffffff
Complementary palette of #97baf7:
#97baf7
#f7d497
Triadic palette of #97baf7:
#97baf7
#f797ba
#baf797
Square palette of #97baf7:
#97baf7
#f797ea
#f7d497
#97f7a4
Analogous palette of #97baf7:
#97eaf7
#97baf7
#a497f7
Split-Complementary palette of #97baf7:
#97baf7
#f7a497
#eaf797
Rectangle (tetradic) palette of #97baf7:
#97baf7
#d497f7
#f7d497
#baf797
Suggested color palettes for #97baf7 HEX:
Color palette with color #97baf7 #1:
Color palette with color #97baf7 #2:
Color palette with color #97baf7 #3:
Color palette with color #97baf7 #4:
Color palette with color #97baf7 #5:
Color Contrast
Color pairings of #97baf7 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#97baf7
#97baf7 Contrast Ratio
1.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#97baf7
#97baf7 Contrast Ratio
10.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #97baf7 color png
Visit the popular colors list for more colors