Created at 02/24/2023 13:21
#313d53 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #313d53 | RGB(49, 61, 83) |
RGB values are RGB(49, 61, 83)
#313d53 color contain Red 19.22%, Green 23.92% and Blue 32.55%.
oklch(35.91% 0.0416 262.27)
#313d53 color contain Red 19.22%, Green 23.92% and Blue 32.55%.
oklch(35.91% 0.0416 262.27)
Color Names of #313d53 HEX code
Charcoal Color
Classification of #313d53 color
#313d53 is Semi dark and Cool Color Saturation 26%, lightness 26%.
Shade of darkslateblue
Alternative colors of #313d53
Opposite Color for #313d53 is #544731
#313d53 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #313d53
Decimal
3226963
HEX
#313d53
HSL
hsl(219, 26%, 26%)
HSLA
hsla(219, 26%, 26%, 1)
RGB
RGB(49, 61, 83)
RGBA
RGBA(49, 61, 83, 1)
Palettes for #313d53 color:
Below examples of color palettes for #313d53 HEX color
darkest color is #050608 from shades and lightest color is #eaecee from tints
Shades palette of #313d53:
#2c374b
#273142
#222b3a
#1d2532
#191f2a
#141821
#0f1219
#0a0c11
#050608
#000000
Tints palette of #313d53:
#465064
#5a6475
#6f7787
#838b98
#989ea9
#adb1ba
#c1c5cb
#d6d8dd
#eaecee
#ffffff
Complementary palette of #313d53:
#313d54
#544731
Triadic palette of #313d53:
#313d54
#54313d
#3d5431
Square palette of #313d53:
#313d54
#54314e
#315436
#544731
Analogous palette of #313d53:
#314e54
#313d54
Split-Complementary palette of #313d53:
#313d54
#314e54
Rectangle (tetradic) palette of #313d53:
#313d54
#54314e
#315436
#543631
Suggested colors palettes for #313d53 HEX:
Colors palette with color #313d53 #1:
Colors palette with color #313d53 #2:
Colors palette with color #313d53 #3:
Colors palette with color #313d53 #4:
Colors palette with color #313d53 #5:
Color #313d53 used in palettes (8)
Cartoon character vector branding bmx colors Website ux smartphone phone colors Ar minimal ios uiux hex colors Website concept fashionblogger uiux fashion colors Website concept ui soccer app hex colors Rose logo crocodile branding colors palette Graphic design identity it logo logotype Web landingpage website design ux palette
Color Contrast
Color pairings #313d53 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#313d53
#313d53 Contrast Ratio
10.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#313d53
#313d53 Contrast Ratio
1.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #313d53 color png
Visit the popular colors list for more colors