#313f4d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #313f4d | RGB(49, 63, 77) |
Created at 03/07/2023 20:10
RGB values are RGB(49, 63, 77)
#313f4d color contains Red 19.22%, Green 24.71% and Blue 30.2%.
oklch(36.12% 0.0305 248.68)
#313f4d color contains Red 19.22%, Green 24.71% and Blue 30.2%.
oklch(36.12% 0.0305 248.68)
Color Names of #313f4d HEX code
≈ Bright Gray
Classification of #313f4d color
#313f4d is Semi dark and Cool Color Saturation 22%, lightness 25%.
Shade of Dark Slate Blue
Alternative colors of #313f4d
Opposite Color for #313f4d is #4d3f31
#313f4d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313f4d
cmyk
CMYK(36%, 18%, 0%, 70%)
Decimal
3227469
HEX
#313f4d
HSL
hsl(210, 22%, 25%)
HSLA
hsla(210, 22%, 25%, 1)
RGB
RGB(49, 63, 77)
RGBA
RGBA(49, 63, 77, 1)
Palettes for #313f4d color:
Below are examples of color palettes with the #313f4d HEX color
darkest color is #050608 from shades and lightest color is #eaeced from tints
Shades palette of #313f4d:
#2c3945
#27323e
#222c36
#1d262e
#192027
#14191f
#0f1317
#0a0d0f
#050608
#000000
Tints palette of #313f4d:
#46525f
#5a6571
#6f7982
#838c94
#989fa6
#adb2b8
#c1c5ca
#d6d9db
#eaeced
#ffffff
Complementary palette of #313f4d:
#313f4d
#4d3f31
Triadic palette of #313f4d:
#313f4d
#4d313f
#3f4d31
Square palette of #313f4d:
#313f4d
#4d314d
#4d3f31
#314d31
Analogous palette of #313f4d:
#314d4d
#313f4d
#31314d
Split-Complementary palette of #313f4d:
#313f4d
#4d3131
#4d4d31
Rectangle (tetradic) palette of #313f4d:
#313f4d
#3f314d
#4d3f31
#3f4d31
Suggested color palettes for #313f4d HEX:
Color palette with color #313f4d #1:
Color palette with color #313f4d #2:
Color palette with color #313f4d #3:
Color palette with color #313f4d #4:
Color palette with color #313f4d #5:
Color #313f4d used in palettes (2)
Color Contrast
Color pairings of #313f4d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#313f4d
#313f4dContrast Ratio
10.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#313f4d
#313f4dContrast Ratio
1.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #313f4d color png
Visit the popular colors list for more colors