Created at 02/23/2023 09:06
#2d3f4d HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #2d3f4d | RGB(45, 63, 77) |
RGB values are RGB(45, 63, 77)
#2d3f4d color contain Red 17.65%, Green 24.71% and Blue 30.2%.
oklch(35.83% 0.0336 242.22)
#2d3f4d color contain Red 17.65%, Green 24.71% and Blue 30.2%.
oklch(35.83% 0.0336 242.22)
Classification of #2d3f4d color
#2d3f4d is Light and Cool Color Saturation 26%, lightness 24%.
Tint of darkslategrey
Alternative colors of #2d3f4d
Opposite Color for #2d3f4d is #4d3b2d
#2d3f4d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2d3f4d
Decimal
2965325
HEX
#2d3f4d
HSL
hsl(206, 26%, 24%)
HSLA
hsla(206, 26%, 24%, 1)
RGB
RGB(45, 63, 77)
RGBA
RGBA(45, 63, 77, 1)
Palettes for #2d3f4d color:
Below examples of color palettes for #2d3f4d HEX color
darkest color is #040608 from shades and lightest color is #eaeced from tints
Shades palette of #2d3f4d:
#293945
#24323e
#1f2c36
#1b262e
#172027
#12191f
#0e1317
#090d0f
#040608
#000000
Tints palette of #2d3f4d:
#42525f
#576571
#6c7982
#818c94
#969fa6
#abb2b8
#c0c5ca
#d5d9db
#eaeced
#ffffff
Complementary palette of #2d3f4d:
#2d3f4d
#4d3b2d
Triadic palette of #2d3f4d:
#2d3f4d
#4d2d3f
#3f4d2d
Square palette of #2d3f4d:
#2d3f4d
#4b2d4d
#2f4d2d
#4d3b2d
Analogous palette of #2d3f4d:
#2d4d4b
#2d3f4d
Split-Complementary palette of #2d3f4d:
#2d3f4d
#2d4d4b
Rectangle (tetradic) palette of #2d3f4d:
#2d3f4d
#4b2d4d
#2f4d2d
#4d2d2f
Suggested colors palettes for #2d3f4d HEX:
Colors palette with color #2d3f4d #1:
Colors palette with color #2d3f4d #2:
Colors palette with color #2d3f4d #3:
Colors palette with color #2d3f4d #4:
Colors palette with color #2d3f4d #5:
Color #2d3f4d used in palettes (2)
Color Contrast
Color pairings #2d3f4d with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2d3f4d
#2d3f4d Contrast Ratio
10.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2d3f4d
#2d3f4d Contrast Ratio
1.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2d3f4d color png
Visit the popular colors list for more colors