Created at 02/27/2023 08:24
#313e50 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #313e50 | RGB(49, 62, 80) |
RGB values are RGB(49, 62, 80)
#313e50 color contain Red 19.22%, Green 24.31% and Blue 31.37%.
oklch(36.01% 0.0358 256.6)
#313e50 color contain Red 19.22%, Green 24.31% and Blue 31.37%.
oklch(36.01% 0.0358 256.6)
Color Names of #313e50 HEX code
Charcoal Color
Classification of #313e50 color
#313e50 is Light and Cool Color Saturation 24%, lightness 25%.
Tint of darkslateblue
Alternative colors of #313e50
Opposite Color for #313e50 is #4f4230
#313e50 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313e50
Decimal
3227216
HEX
#313e50
HSL
hsl(215, 24%, 25%)
HSLA
hsla(215, 24%, 25%, 1)
RGB
RGB(49, 62, 80)
RGBA
RGBA(49, 62, 80, 1)
Palettes for #313e50 color:
Below examples of color palettes for #313e50 HEX color
darkest color is #050608 from shades and lightest color is #eaecee from tints
Shades palette of #313e50:
#2c3848
#273240
#222b38
#1d2530
#191f28
#141920
#0f1318
#0a0c10
#050608
#000000
Tints palette of #313e50:
#465162
#5a6573
#6f7885
#838b96
#989fa8
#adb2b9
#c1c5cb
#d6d8dc
#eaecee
#ffffff
Complementary palette of #313e50:
#303d4f
#4f4230
Triadic palette of #313e50:
#303d4f
#4f303d
#3d4f30
Square palette of #313e50:
#303d4f
#4f304d
#304f33
#4f4230
Analogous palette of #313e50:
#304d4f
#303d4f
Split-Complementary palette of #313e50:
#303d4f
#304d4f
Rectangle (tetradic) palette of #313e50:
#303d4f
#4f304d
#304f33
#4f3330
Suggested colors palettes for #313e50 HEX:
Colors palette with color #313e50 #1:
Colors palette with color #313e50 #2:
Colors palette with color #313e50 #3:
Colors palette with color #313e50 #4:
Colors palette with color #313e50 #5:
Color Contrast
Color pairings #313e50 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#313e50
#313e50 Contrast Ratio
10.85:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#313e50
#313e50 Contrast Ratio
1.93:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #313e50 color png
Visit the popular colors list for more colors