Created at 12/07/2023 16:45
#5abaf2 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #5abaf2 | RGB(90, 186, 242) |
RGB values are RGB(90, 186, 242)
#5abaf2 color contain Red 35.29%, Green 72.94% and Blue 94.9%.
oklch(75.36% 0.1211 237.04)
#5abaf2 color contain Red 35.29%, Green 72.94% and Blue 94.9%.
oklch(75.36% 0.1211 237.04)
Classification of #5abaf2 color
#5abaf2 is Light and Cool Color Saturation 85%, lightness 65%.
Shade of deepskyblue
Alternative colors of #5abaf2
Opposite Color for #5abaf2 is #f2925a
#5abaf2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5abaf2
Decimal
5946098
HEX
#5abaf2
HSL
hsl(202, 85%, 65%)
HSLA
hsla(202, 85%, 65%, 1)
RGB
RGB(90, 186, 242)
RGBA
RGBA(90, 186, 242, 1)
Palettes for #5abaf2 color:
Below examples of color palettes for #5abaf2 HEX color
darkest color is #091318 from shades and lightest color is #eff8fe from tints
Shades palette of #5abaf2:
#51a7da
#4895c2
#3f82a9
#367091
#2d5d79
#244a61
#1b3849
#122530
#091318
#000000
Tints palette of #5abaf2:
#6bc1f3
#7bc8f5
#8ccff6
#9cd6f7
#adddf9
#bde3fa
#ceeafb
#def1fc
#eff8fe
#ffffff
Complementary palette of #5abaf2:
#5abaf2
#f2925a
Triadic palette of #5abaf2:
#5abaf2
#f25aba
#baf25a
Square palette of #5abaf2:
#5abaf2
#dd5af2
#6ef25a
#f2925a
Analogous palette of #5abaf2:
#5af2dd
#5abaf2
Split-Complementary palette of #5abaf2:
#5abaf2
#5af2dd
Rectangle (tetradic) palette of #5abaf2:
#5abaf2
#dd5af2
#6ef25a
#f25a6e
Suggested colors palettes for #5abaf2 HEX:
Colors palette with color #5abaf2 #1:
Colors palette with color #5abaf2 #2:
Colors palette with color #5abaf2 #3:
Colors palette with color #5abaf2 #4:
Colors palette with color #5abaf2 #5:
Color Contrast
Color pairings #5abaf2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5abaf2
#5abaf2 Contrast Ratio
2.15:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5abaf2
#5abaf2 Contrast Ratio
9.74:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5abaf2 color png
Visit the popular colors list for more colors