#9baae2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #9baae2 | RGB(155, 170, 226) |
Created at 02/27/2023 17:07
RGB values are RGB(155, 170, 226)
#9baae2 color contains Red 60.78%, Green 66.67% and Blue 88.63%.
oklch(74.68% 0.0828 272.67)
#9baae2 color contains Red 60.78%, Green 66.67% and Blue 88.63%.
oklch(74.68% 0.0828 272.67)
Color Names of #9baae2 HEX code
≈ Wistful
Classification of #9baae2 color
#9baae2 is Light and Cool Color Saturation 55%, lightness 75%.
Shade of Light Steel Blue
Alternative colors of #9baae2
Opposite Color for #9baae2 is #e2d39b
#9baae2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #9baae2
cmyk
CMYK(31%, 25%, 0%, 11%)
Decimal
10201826
HEX
#9baae2
HSL
hsl(227, 55%, 75%)
HSLA
hsla(227, 55%, 75%, 1)
RGB
RGB(155, 170, 226)
RGBA
RGBA(155, 170, 226, 1)
Palettes for #9baae2 color:
Below are examples of color palettes with the #9baae2 HEX color
darkest color is #0f1117 from shades and lightest color is #f5f7fc from tints
Shades palette of #9baae2:
#8c99cb
#7c88b5
#6d779e
#5d6688
#4e5571
#3e445a
#2f3344
#1f222d
#0f1117
#000000
Tints palette of #9baae2:
#a5b3e5
#afbbe8
#b9c4eb
#c3ccee
#cdd5f1
#d7ddf3
#e1e6f6
#ebeef9
#f5f7fc
#ffffff
Complementary palette of #9baae2:
#9baae2
#e2d39b
Triadic palette of #9baae2:
#9baae2
#e29baa
#aae29b
Square palette of #9baae2:
#9baae2
#e29bce
#e2d39b
#9be2b0
Analogous palette of #9baae2:
#9bcde2
#9baae2
#b09be2
Split-Complementary palette of #9baae2:
#9baae2
#e2b09b
#cee29b
Rectangle (tetradic) palette of #9baae2:
#9baae2
#d39be2
#e2d39b
#aae29b
Suggested color palettes for #9baae2 HEX:
Color palette with color #9baae2 #1:
Color palette with color #9baae2 #2:
Color palette with color #9baae2 #3:
Color palette with color #9baae2 #4:
Color palette with color #9baae2 #5:
Color #9baae2 used in palettes (1)
Color Contrast
Color pairings of #9baae2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#9baae2
#9baae2Contrast Ratio
2.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#9baae2
#9baae2Contrast Ratio
9.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #9baae2 color png
Visit the popular colors list for more colors