#2c5f6f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2c5f6f | RGB(44, 95, 111) |
Created at 02/28/2023 21:06
RGB values are RGB(44, 95, 111)
#2c5f6f color contains Red 17.25%, Green 37.25% and Blue 43.53%.
oklch(45.73% 0.0602 221.08)
#2c5f6f color contains Red 17.25%, Green 37.25% and Blue 43.53%.
oklch(45.73% 0.0602 221.08)
Color Names of #2c5f6f HEX code
≈ Casal
Classification of #2c5f6f color
#2c5f6f is Semi dark and Cool Color Saturation 43%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #2c5f6f
Opposite Color for #2c5f6f is #6f3c2c
#2c5f6f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2c5f6f
cmyk
CMYK(60%, 14%, 0%, 56%)
Decimal
2908015
HEX
#2c5f6f
HSL
hsl(194, 43%, 30%)
HSLA
hsla(194, 43%, 30%, 1)
RGB
RGB(44, 95, 111)
RGBA
RGBA(44, 95, 111, 1)
Palettes for #2c5f6f color:
Below are examples of color palettes with the #2c5f6f HEX color
darkest color is #04090b from shades and lightest color is #eaeff1 from tints
Shades palette of #2c5f6f:
#285664
#234c59
#1f434e
#1a3943
#163038
#12262c
#0d1d21
#091316
#04090b
#000000
Tints palette of #2c5f6f:
#416f7d
#567f8c
#6b8f9a
#809fa9
#96afb7
#abbfc5
#c0cfd4
#d5dfe2
#eaeff1
#ffffff
Complementary palette of #2c5f6f:
#2c5f6f
#6f3c2c
Triadic palette of #2c5f6f:
#2c5f6f
#6f2c5f
#5f6f2c
Square palette of #2c5f6f:
#2c5f6f
#5e2c6f
#6f3c2c
#3e6f2c
Analogous palette of #2c5f6f:
#2c6f5e
#2c5f6f
#2c3d6f
Split-Complementary palette of #2c5f6f:
#2c5f6f
#6f2c3d
#6f5e2c
Rectangle (tetradic) palette of #2c5f6f:
#2c5f6f
#3c2c6f
#6f3c2c
#5f6f2c
Suggested color palettes for #2c5f6f HEX:
Color palette with color #2c5f6f #1:
Color palette with color #2c5f6f #2:
Color palette with color #2c5f6f #3:
Color palette with color #2c5f6f #4:
Color palette with color #2c5f6f #5:
Color #2c5f6f used in palettes (1)
Color Contrast
Color pairings of #2c5f6f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2c5f6f
#2c5f6fContrast Ratio
7.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2c5f6f
#2c5f6fContrast Ratio
2.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2c5f6f color png
Visit the popular colors list for more colors