Created at 02/23/2023 16:30
#314e24 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #314e24 | RGB(49, 78, 36) |
RGB values are RGB(49, 78, 36)
#314e24 color contain Red 19.22%, Green 30.59% and Blue 14.12%.
oklch(38.96% 0.0751 136.77)
#314e24 color contain Red 19.22%, Green 30.59% and Blue 14.12%.
oklch(38.96% 0.0751 136.77)
Classification of #314e24 color
#314e24 is Light and Warm Color Saturation 37%, lightness 22%.
Tint of darkolivegreen
Alternative colors of #314e24
Opposite Color for #314e24 is #40234d
#314e24 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #314e24
Decimal
3231268
HEX
#314e24
HSL
hsl(101, 37%, 22%)
HSLA
hsla(101, 37%, 22%, 1)
RGB
RGB(49, 78, 36)
RGBA
RGBA(49, 78, 36, 1)
Palettes for #314e24 color:
Below examples of color palettes for #314e24 HEX color
darkest color is #050804 from shades and lightest color is #eaede9 from tints
Shades palette of #314e24:
#2c4620
#273e1d
#223719
#1d2f16
#192712
#141f0e
#0f170b
#0a1007
#050804
#000000
Tints palette of #314e24:
#46603a
#5a7150
#6f8366
#83957c
#98a792
#adb8a7
#c1cabd
#d6dcd3
#eaede9
#ffffff
Complementary palette of #314e24:
#304d23
#40234d
Triadic palette of #314e24:
#304d23
#23304d
#4d2330
Square palette of #314e24:
#304d23
#23454d
#4d2b23
#40234d
Analogous palette of #314e24:
#454d23
#304d23
Split-Complementary palette of #314e24:
#304d23
#454d23
Rectangle (tetradic) palette of #314e24:
#304d23
#23454d
#4d2b23
#2b234d
Suggested colors palettes for #314e24 HEX:
Colors palette with color #314e24 #1:
Colors palette with color #314e24 #2:
Colors palette with color #314e24 #3:
Colors palette with color #314e24 #4:
Colors palette with color #314e24 #5:
Color #314e24 used in palettes (1)
Color Contrast
Color pairings #314e24 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#314e24
#314e24 Contrast Ratio
9.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#314e24
#314e24 Contrast Ratio
2.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #314e24 color png
Visit the popular colors list for more colors