Created at 03/15/2023 04:11
#2cabe3 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #2cabe3 | RGB(44, 171, 227) |
RGB values are RGB(44, 171, 227)
#2cabe3 color contain Red 17.25%, Green 67.06% and Blue 89.02%.
oklch(69.95% 0.1328 233.14)
#2cabe3 color contain Red 17.25%, Green 67.06% and Blue 89.02%.
oklch(69.95% 0.1328 233.14)
Color Names of #2cabe3 HEX code
Button Blue Color
Classification of #2cabe3 color
#2cabe3 is Light and Cool Color Saturation 77%, lightness 53%.
Tint of deepskyblue
Alternative colors of #2cabe3
Opposite Color for #2cabe3 is #e3622b
#2cabe3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2cabe3
Decimal
2927587
HEX
#2cabe3
HSL
hsl(198, 77%, 53%)
HSLA
hsla(198, 77%, 53%, 1)
RGB
RGB(44, 171, 227)
RGBA
RGBA(44, 171, 227, 1)
Palettes for #2cabe3 color:
Below examples of color palettes for #2cabe3 HEX color
darkest color is #041117 from shades and lightest color is #eaf7fc from tints
Shades palette of #2cabe3:
#289acc
#2389b6
#1f789f
#1a6788
#165672
#12445b
#0d3344
#09222d
#041117
#000000
Tints palette of #2cabe3:
#41b3e6
#56bce9
#6bc4eb
#80cdee
#96d5f1
#abddf4
#c0e6f7
#d5eef9
#eaf7fc
#ffffff
Complementary palette of #2cabe3:
#2bace3
#e3622b
Triadic palette of #2cabe3:
#2bace3
#e32bac
#ace32b
Square palette of #2cabe3:
#2bace3
#bf2be3
#50e32b
#e3622b
Analogous palette of #2cabe3:
#2be3bf
#2bace3
Split-Complementary palette of #2cabe3:
#2bace3
#2be3bf
Rectangle (tetradic) palette of #2cabe3:
#2bace3
#bf2be3
#50e32b
#e32b50
Suggested colors palettes for #2cabe3 HEX:
Colors palette with color #2cabe3 #1:
Colors palette with color #2cabe3 #2:
Colors palette with color #2cabe3 #3:
Colors palette with color #2cabe3 #4:
Colors palette with color #2cabe3 #5:
Color #2cabe3 used in palettes (1)
Color Contrast
Color pairings #2cabe3 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2cabe3
#2cabe3 Contrast Ratio
2.61:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2cabe3
#2cabe3 Contrast Ratio
8.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2cabe3 color png
Visit the popular colors list for more colors