#314a42 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #314a42 | RGB(49, 74, 66) |
Created at 02/23/2023 20:43
Classification of #314a42 color
#314a42 is Semi dark and Cool Color Saturation 20%, lightness 24%.
Shade of Dark Slate Gray
RGB values are RGB(49, 74, 66)
#314a42 color contains Red 19.22%, Green 29.02% and Blue 25.88%.
oklch(38.60% 0.0337 172.53)
#314a42 color contains Red 19.22%, Green 29.02% and Blue 25.88%.
oklch(38.60% 0.0337 172.53)
Color Names of #314a42 HEX code
≈ Cape Cod
Alternative colors of #314a42
Opposite Color for #314a42 is #4a3139
#314a42 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314a42
cmyk
CMYK(34%, 0%, 11%, 71%)
Decimal
3230274
HEX
#314a42
HSL
hsl(161, 20%, 24%)
HSLA
hsla(161, 20%, 24%, 1)
RGB
RGB(49, 74, 66)
RGBA
RGBA(49, 74, 66, 1)
Palettes for #314a42 color:
Below are examples of color palettes with the #314a42 HEX color
darkest color is #050707 from shades and lightest color is #eaedec from tints
Shades palette of #314a42:
#2c433b
#273b35
#22342e
#1d2c28
#192521
#141e1a
#0f1614
#0a0f0d
#050707
#000000
Tints palette of #314a42:
#465c55
#5a6e68
#6f807b
#83928e
#98a5a1
#adb7b3
#c1c9c6
#d6dbd9
#eaedec
#ffffff
Complementary palette of #314a42:
#314a42
#4a3139
Triadic palette of #314a42:
#314a42
#42314a
#4a4231
Square palette of #314a42:
#314a42
#35314a
#4a3139
#464a31
Analogous palette of #314a42:
#314a36
#314a42
#31464a
Split-Complementary palette of #314a42:
#314a42
#4a3146
#4a3631
Rectangle (tetradic) palette of #314a42:
#314a42
#31394a
#4a3139
#4a4231
Suggested color palettes for #314a42 HEX:
Color palette with color #314a42 #1:
Color palette with color #314a42 #2:
Color palette with color #314a42 #3:
Color palette with color #314a42 #4:
Color palette with color #314a42 #5:
Color #314a42 used in palettes (1)
Color Contrast
Color pairings of #314a42 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#314a42
#314a42 Contrast Ratio
9.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314a42
#314a42 Contrast Ratio
2.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314a42 color png
Visit the popular colors list for more colors