#2d5561 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2d5561 | RGB(45, 85, 97) |
Created at 02/18/2023 01:35
Classification of #2d5561 color
#2d5561 is Semi dark and Cool Color Saturation 37%, lightness 28%.
Tint of Dark Slate Gray
RGB values are RGB(45, 85, 97)
#2d5561 color contains Red 17.65%, Green 33.33% and Blue 38.04%.
oklch(42.53% 0.0492 219.44)
#2d5561 color contains Red 17.65%, Green 33.33% and Blue 38.04%.
oklch(42.53% 0.0492 219.44)
Color Names of #2d5561 HEX code
≈ Spectra
Alternative colors of #2d5561
Opposite Color for #2d5561 is #61392d
#2d5561 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2d5561
cmyk
CMYK(54%, 12%, 0%, 62%)
Decimal
2970977
HEX
#2d5561
HSL
hsl(194, 37%, 28%)
HSLA
hsla(194, 37%, 28%, 1)
RGB
RGB(45, 85, 97)
RGBA
RGBA(45, 85, 97, 1)
Palettes for #2d5561 color:
Below are examples of color palettes with the #2d5561 HEX color
darkest color is #04080a from shades and lightest color is #eaeeef from tints
Shades palette of #2d5561:
#294d57
#24444e
#1f3b44
#1b333a
#172b31
#122227
#0e1a1d
#091113
#04080a
#000000
Tints palette of #2d5561:
#426671
#577781
#6c8890
#8199a0
#96aab0
#abbbc0
#c0ccd0
#d5dddf
#eaeeef
#ffffff
Complementary palette of #2d5561:
#2d5561
#61392d
Triadic palette of #2d5561:
#2d5561
#612d55
#55612d
Square palette of #2d5561:
#2d5561
#532d61
#61392d
#3b612d
Analogous palette of #2d5561:
#2d6153
#2d5561
#2d3b61
Split-Complementary palette of #2d5561:
#2d5561
#612d3b
#61532d
Rectangle (tetradic) palette of #2d5561:
#2d5561
#392d61
#61392d
#55612d
Suggested color palettes for #2d5561 HEX:
Color palette with color #2d5561 #1:
Color palette with color #2d5561 #2:
Color palette with color #2d5561 #3:
Color palette with color #2d5561 #4:
Color palette with color #2d5561 #5:
Color #2d5561 used in palettes (1)
Color Contrast
Color pairings of #2d5561 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2d5561
#2d5561 Contrast Ratio
8.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2d5561
#2d5561 Contrast Ratio
2.58:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2d5561 color png
Visit the popular colors list for more colors