Created at 03/03/2023 14:54
#313d65 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #313d65 | RGB(49, 61, 101) |
RGB values are RGB(49, 61, 101)
#313d65 color contain Red 19.22%, Green 23.92% and Blue 39.61%.
oklch(36.93% 0.0708 270.03)
#313d65 color contain Red 19.22%, Green 23.92% and Blue 39.61%.
oklch(36.93% 0.0708 270.03)
Classification of #313d65 color
#313d65 is Light and Cool Color Saturation 35%, lightness 29%.
Tint of darkslateblue
Alternative colors of #313d65
Opposite Color for #313d65 is #645830
#313d65 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313d65
Decimal
3226981
HEX
#313d65
HSL
hsl(226, 35%, 29%)
HSLA
hsla(226, 35%, 29%, 1)
RGB
RGB(49, 61, 101)
RGBA
RGBA(49, 61, 101, 1)
Palettes for #313d65 color:
Below examples of color palettes for #313d65 HEX color
darkest color is #05060a from shades and lightest color is #eaecf0 from tints
Shades palette of #313d65:
#2c375b
#273151
#222b47
#1d253d
#191f33
#141828
#0f121e
#0a0c14
#05060a
#000000
Tints palette of #313d65:
#465074
#5a6484
#6f7793
#838ba3
#989eb2
#adb1c1
#c1c5d1
#d6d8e0
#eaecf0
#ffffff
Complementary palette of #313d65:
#303c64
#645830
Triadic palette of #313d65:
#303c64
#64303c
#3c6430
Square palette of #313d65:
#303c64
#643056
#30643e
#645830
Analogous palette of #313d65:
#305664
#303c64
Split-Complementary palette of #313d65:
#303c64
#305664
Rectangle (tetradic) palette of #313d65:
#303c64
#643056
#30643e
#643e30
Suggested colors palettes for #313d65 HEX:
Colors palette with color #313d65 #1:
Colors palette with color #313d65 #2:
Colors palette with color #313d65 #3:
Colors palette with color #313d65 #4:
Colors palette with color #313d65 #5:
Color #313d65 used in palettes (3)
Color Contrast
Color pairings #313d65 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#313d65
#313d65 Contrast Ratio
10.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#313d65
#313d65 Contrast Ratio
1.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #313d65 color png
Visit the popular colors list for more colors