Created at 02/24/2023 18:41
#31404f HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #31404f | RGB(49, 64, 79) |
RGB values are RGB(49, 64, 79)
#31404f color contain Red 19.22%, Green 25.1% and Blue 30.98%.
oklch(36.47% 0.0325 248.74)
#31404f color contain Red 19.22%, Green 25.1% and Blue 30.98%.
oklch(36.47% 0.0325 248.74)
Color Names of #31404f HEX code
Charcoal Color
Classification of #31404f color
#31404f is Light and Cool Color Saturation 23%, lightness 25%.
Tint of darkslateblue
Alternative colors of #31404f
Opposite Color for #31404f is #4e4031
#31404f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #31404f
Decimal
3227727
HEX
#31404f
HSL
hsl(210, 23%, 25%)
HSLA
hsla(210, 23%, 25%, 1)
RGB
RGB(49, 64, 79)
RGBA
RGBA(49, 64, 79, 1)
Palettes for #31404f color:
Below examples of color palettes for #31404f HEX color
darkest color is #050608 from shades and lightest color is #eaeced from tints
Shades palette of #31404f:
#2c3a47
#27333f
#222d37
#1d262f
#192028
#141a20
#0f1318
#0a0d10
#050608
#000000
Tints palette of #31404f:
#465361
#5a6672
#6f7984
#838c95
#98a0a7
#adb3b9
#c1c6ca
#d6d9dc
#eaeced
#ffffff
Complementary palette of #31404f:
#31404e
#4e4031
Triadic palette of #31404f:
#31404e
#4e3140
#404e31
Square palette of #31404f:
#31404e
#4e314e
#314e31
#4e4031
Analogous palette of #31404f:
#314e4e
#31404e
Split-Complementary palette of #31404f:
#31404e
#314e4e
Rectangle (tetradic) palette of #31404f:
#31404e
#4e314e
#314e31
#4e3131
Loading...
Color #31404f used in palettes (10)
Landing page design product salesforce website concept hex colors Ipadpro fireplace reindeer mug colors palette Ui design ux web colors palette Color illustration texture painting colours Characterperez design art flat sport colours Letterhead vector simple design colours Logo mark logotype logos symbol Web site home page uxui palette Design website uidesign webpage hex colors Home website homepage webdesign colours
Color Contrast
Color pairings #31404f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#31404f
#31404f Contrast Ratio
10.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#31404f
#31404f Contrast Ratio
1.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #31404f color png
Visit the popular colors list for more colors