#2c7cdc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2c7cdc | RGB(44, 124, 220) |
Created at 02/23/2023 22:22
RGB values are RGB(44, 124, 220)
#2c7cdc color contains Red 17.25%, Green 48.63% and Blue 86.27%.
oklch(58.85% 0.1653 255.44)
#2c7cdc color contains Red 17.25%, Green 48.63% and Blue 86.27%.
oklch(58.85% 0.1653 255.44)
Color Names of #2c7cdc HEX code
≈ Mariner
Classification of #2c7cdc color
#2c7cdc is Light and Cool Color Saturation 72%, lightness 52%.
Shade of Steel Blue
Alternative colors of #2c7cdc
Opposite Color for #2c7cdc is #dc8c2c
#2c7cdc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2c7cdc
cmyk
CMYK(80%, 44%, 0%, 14%)
Decimal
2915548
HEX
#2c7cdc
HSL
hsl(213, 72%, 52%)
HSLA
hsla(213, 72%, 52%, 1)
RGB
RGB(44, 124, 220)
RGBA
RGBA(44, 124, 220, 1)
Palettes for #2c7cdc color:
Below are examples of color palettes with the #2c7cdc HEX color
darkest color is #040c16 from shades and lightest color is #eaf2fc from tints
Shades palette of #2c7cdc:
#2870c6
#2363b0
#1f579a
#1a4a84
#163e6e
#123258
#0d2542
#09192c
#040c16
#000000
Tints palette of #2c7cdc:
#4189e0
#5696e3
#6ba3e7
#80b0ea
#96beee
#abcbf1
#c0d8f5
#d5e5f8
#eaf2fc
#ffffff
Complementary palette of #2c7cdc:
#2c7cdc
#dc8c2c
Triadic palette of #2c7cdc:
#2c7cdc
#dc2c7c
#7cdc2c
Square palette of #2c7cdc:
#2c7cdc
#dc2cd4
#dc8c2c
#2cdc34
Analogous palette of #2c7cdc:
#2cd4dc
#2c7cdc
#342cdc
Split-Complementary palette of #2c7cdc:
#2c7cdc
#dc342c
#d4dc2c
Rectangle (tetradic) palette of #2c7cdc:
#2c7cdc
#8c2cdc
#dc8c2c
#7cdc2c
Suggested color palettes for #2c7cdc HEX:
Color palette with color #2c7cdc #1:
Color palette with color #2c7cdc #2:
Color palette with color #2c7cdc #3:
Color palette with color #2c7cdc #4:
Color palette with color #2c7cdc #5:
Color #2c7cdc used in palettes (1)
Color Contrast
Color pairings of #2c7cdc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2c7cdc
#2c7cdcContrast Ratio
4.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2c7cdc
#2c7cdcContrast Ratio
5.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2c7cdc color png
Visit the popular colors list for more colors