#96bae2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #96bae2 | RGB(150, 186, 226) |
Created at 10/18/2026 12:00
RGB values are RGB(150, 186, 226)
#96bae2 color contains Red 58.82%, Green 72.94% and Blue 88.63%.
oklch(77.67% 0.0695 251.39)
#96bae2 color contains Red 58.82%, Green 72.94% and Blue 88.63%.
oklch(77.67% 0.0695 251.39)
Color Names of #96bae2 HEX code
≈ Jordy Blue
Classification of #96bae2 color
#96bae2 is Light and Cool Color Saturation 57%, lightness 74%.
Shade of Light Steel Blue
Alternative colors of #96bae2
Opposite Color for #96bae2 is #e2be96
#96bae2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #96bae2
cmyk
CMYK(34%, 18%, 0%, 11%)
Decimal
9878242
HEX
#96bae2
HSL
hsl(212, 57%, 74%)
HSLA
hsla(212, 57%, 74%, 1)
RGB
RGB(150, 186, 226)
RGBA
RGBA(150, 186, 226, 1)
Palettes for #96bae2 color:
Below are examples of color palettes with the #96bae2 HEX color
darkest color is #0f1317 from shades and lightest color is #f5f8fc from tints
Shades palette of #96bae2:
#87a7cb
#7895b5
#69829e
#5a7088
#4b5d71
#3c4a5a
#2d3844
#1e252d
#0f1317
#000000
Tints palette of #96bae2:
#a1c1e5
#abc8e8
#b6cfeb
#c0d6ee
#cbddf1
#d5e3f3
#e0eaf6
#eaf1f9
#f5f8fc
#ffffff
Complementary palette of #96bae2:
#96bae2
#e2be96
Triadic palette of #96bae2:
#96bae2
#e296ba
#bae296
Square palette of #96bae2:
#96bae2
#e296e0
#e2be96
#96e298
Analogous palette of #96bae2:
#96e0e2
#96bae2
#9896e2
Split-Complementary palette of #96bae2:
#96bae2
#e29896
#e0e296
Rectangle (tetradic) palette of #96bae2:
#96bae2
#be96e2
#e2be96
#bae296
Suggested color palettes for #96bae2 HEX:
Color palette with color #96bae2 #1:
Color palette with color #96bae2 #2:
Color palette with color #96bae2 #3:
Color palette with color #96bae2 #4:
Color palette with color #96bae2 #5:
Color Contrast
Color pairings of #96bae2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#96bae2
#96bae2Contrast Ratio
2.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#96bae2
#96bae2Contrast Ratio
10.41:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #96bae2 color png
Visit the popular colors list for more colors