Created at 02/28/2023 11:47
#97b4cd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #97b4cd | RGB(151, 180, 205) |
RGB values are RGB(151, 180, 205)
#97b4cd color contain Red 59.22%, Green 70.59% and Blue 80.39%.
oklch(75.67% 0.0481 244.49)
#97b4cd color contain Red 59.22%, Green 70.59% and Blue 80.39%.
oklch(75.67% 0.0481 244.49)
Classification of #97b4cd color
#97b4cd is Light and Cool Color Saturation 35%, lightness 70%.
Tint of lightsteelblue
Alternative colors of #97b4cd
Opposite Color for #97b4cd is #cdb198
#97b4cd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #97b4cd
Decimal
9942221
HEX
#97b4cd
HSL
hsl(208, 35%, 70%)
HSLA
hsla(208, 35%, 70%, 1)
RGB
RGB(151, 180, 205)
RGBA
RGBA(151, 180, 205, 1)
Palettes for #97b4cd color:
Below examples of color palettes for #97b4cd HEX color
darkest color is #0f1214 from shades and lightest color is #f5f8fa from tints
Shades palette of #97b4cd:
#88a2b9
#7990a4
#6a7e90
#5b6c7b
#4c5a67
#3c4852
#2d363e
#1e2429
#0f1214
#000000
Tints palette of #97b4cd:
#a1bcd2
#acc3d7
#b6cbdc
#c1d2e1
#cbdae6
#d5e1eb
#e0e9f0
#eaf0f5
#f5f8fa
#ffffff
Complementary palette of #97b4cd:
#98b4cd
#cdb198
Triadic palette of #97b4cd:
#98b4cd
#cd98b4
#b4cd98
Square palette of #97b4cd:
#98b4cd
#cb98cd
#9acd98
#cdb198
Analogous palette of #97b4cd:
#98cdcb
#98b4cd
Split-Complementary palette of #97b4cd:
#98b4cd
#98cdcb
Rectangle (tetradic) palette of #97b4cd:
#98b4cd
#cb98cd
#9acd98
#cd989a
Suggested colors palettes for #97b4cd HEX:
Colors palette with color #97b4cd #1:
Colors palette with color #97b4cd #2:
Colors palette with color #97b4cd #3:
Colors palette with color #97b4cd #4:
Colors palette with color #97b4cd #5:
Color #97b4cd used in palettes (1)
Color Contrast
Color pairings #97b4cd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#97b4cd
#97b4cd Contrast Ratio
2.15:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#97b4cd
#97b4cd Contrast Ratio
9.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #97b4cd color png
Visit the popular colors list for more colors