#2c6ca4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2c6ca4 | RGB(44, 108, 164) |
Created at 03/08/2023 22:57
RGB values are RGB(44, 108, 164)
#2c6ca4 color contains Red 17.25%, Green 42.35% and Blue 64.31%.
oklch(51.73% 0.1101 248.21)
#2c6ca4 color contains Red 17.25%, Green 42.35% and Blue 64.31%.
oklch(51.73% 0.1101 248.21)
Color Names of #2c6ca4 HEX code
≈ Azure
Classification of #2c6ca4 color
#2c6ca4 is Semi dark and Cool Color Saturation 58%, lightness 41%.
Shade of Steel Blue
Alternative colors of #2c6ca4
Opposite Color for #2c6ca4 is #a4642c
#2c6ca4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2c6ca4
cmyk
CMYK(73%, 34%, 0%, 36%)
Decimal
2911396
HEX
#2c6ca4
HSL
hsl(208, 58%, 41%)
HSLA
hsla(208, 58%, 41%, 1)
RGB
RGB(44, 108, 164)
RGBA
RGBA(44, 108, 164, 1)
Palettes for #2c6ca4 color:
Below are examples of color palettes with the #2c6ca4 HEX color
darkest color is #040b10 from shades and lightest color is #eaf0f6 from tints
Shades palette of #2c6ca4:
#286194
#235683
#1f4c73
#1a4162
#163652
#122b42
#0d2031
#091621
#040b10
#000000
Tints palette of #2c6ca4:
#417bad
#5689b6
#6b98bf
#80a7c8
#96b6d2
#abc4db
#c0d3e4
#d5e2ed
#eaf0f6
#ffffff
Complementary palette of #2c6ca4:
#2c6ca4
#a4642c
Triadic palette of #2c6ca4:
#2c6ca4
#a42c6c
#6ca42c
Square palette of #2c6ca4:
#2c6ca4
#a02ca4
#a4642c
#30a42c
Analogous palette of #2c6ca4:
#2ca4a0
#2c6ca4
#2c30a4
Split-Complementary palette of #2c6ca4:
#2c6ca4
#a42c30
#a4a02c
Rectangle (tetradic) palette of #2c6ca4:
#2c6ca4
#642ca4
#a4642c
#6ca42c
Suggested color palettes for #2c6ca4 HEX:
Color palette with color #2c6ca4 #1:
Color palette with color #2c6ca4 #2:
Color palette with color #2c6ca4 #3:
Color palette with color #2c6ca4 #4:
Color palette with color #2c6ca4 #5:
Color #2c6ca4 used in palettes (3)
Color Contrast
Color pairings of #2c6ca4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2c6ca4
#2c6ca4Contrast Ratio
5.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2c6ca4
#2c6ca4Contrast Ratio
3.78:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2c6ca4 color png
Visit the popular colors list for more colors