Created at 12/13/2023 13:44
#9caae2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #9caae2 | RGB(156, 170, 226) |
RGB values are RGB(156, 170, 226)
#9caae2 color contain Red 61.18%, Green 66.67% and Blue 88.63%.
oklch(74.75% 0.0825 273.4)
#9caae2 color contain Red 61.18%, Green 66.67% and Blue 88.63%.
oklch(74.75% 0.0825 273.4)
Classification of #9caae2 color
#9caae2 is Light and Cool Color Saturation 55%, lightness 75%.
Tint of lightsteelblue
Alternative colors of #9caae2
Opposite Color for #9caae2 is #e2d49c
#9caae2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #9caae2
Decimal
10267362
HEX
#9caae2
HSL
hsl(228, 55%, 75%)
HSLA
hsla(228, 55%, 75%, 1)
RGB
RGB(156, 170, 226)
RGBA
RGBA(156, 170, 226, 1)
Palettes for #9caae2 color:
Below examples of color palettes for #9caae2 HEX color
darkest color is #101117 from shades and lightest color is #f5f7fc from tints
Shades palette of #9caae2:
#8c99cb
#7d88b5
#6d779e
#5e6688
#4e5571
#3e445a
#2f3344
#1f222d
#101117
#000000
Tints palette of #9caae2:
#a6b3e5
#b0bbe8
#bac4eb
#c4ccee
#ced5f1
#d7ddf3
#e1e6f6
#ebeef9
#f5f7fc
#ffffff
Complementary palette of #9caae2:
#9caae2
#e2d49c
Triadic palette of #9caae2:
#9caae2
#e29caa
#aae29c
Square palette of #9caae2:
#9caae2
#e29ccd
#9ce2b1
#e2d49c
Analogous palette of #9caae2:
#9ccde2
#9caae2
Split-Complementary palette of #9caae2:
#9caae2
#9ccde2
Rectangle (tetradic) palette of #9caae2:
#9caae2
#e29ccd
#9ce2b1
#e2b19c
Suggested colors palettes for #9caae2 HEX:
Colors palette with color #9caae2 #1:
Colors palette with color #9caae2 #2:
Colors palette with color #9caae2 #3:
Colors palette with color #9caae2 #4:
Colors palette with color #9caae2 #5:
Color Contrast
Color pairings #9caae2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#9caae2
#9caae2 Contrast Ratio
2.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#9caae2
#9caae2 Contrast Ratio
9.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #9caae2 color png
Visit the popular colors list for more colors