Created at 02/22/2023 01:58
#3f5163 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #3f5163 | RGB(63, 81, 99) |
RGB values are RGB(63, 81, 99)
#3f5163 color contain Red 24.71%, Green 31.76% and Blue 38.82%.
oklch(42.71% 0.0376 248.72)
#3f5163 color contain Red 24.71%, Green 31.76% and Blue 38.82%.
oklch(42.71% 0.0376 248.72)
Classification of #3f5163 color
#3f5163 is Light and Cool Color Saturation 22%, lightness 32%.
Shade of darkslateblue
Alternative colors of #3f5163
Opposite Color for #3f5163 is #645240
#3f5163 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3f5163
Decimal
4149603
HEX
#3f5163
HSL
hsl(210, 22%, 32%)
HSLA
hsla(210, 22%, 32%, 1)
RGB
RGB(63, 81, 99)
RGBA
RGBA(63, 81, 99, 1)
Palettes for #3f5163 color:
Below examples of color palettes for #3f5163 HEX color
darkest color is #06080a from shades and lightest color is #eceeef from tints
Shades palette of #3f5163:
#394959
#32414f
#2c3945
#26313b
#202932
#192028
#13181e
#0d1014
#06080a
#000000
Tints palette of #3f5163:
#526273
#657482
#798592
#8c97a1
#9fa8b1
#b2b9c1
#c5cbd0
#d9dce0
#eceeef
#ffffff
Complementary palette of #3f5163:
#405264
#645240
Triadic palette of #3f5163:
#405264
#644052
#526440
Square palette of #3f5163:
#405264
#644064
#406440
#645240
Analogous palette of #3f5163:
#406464
#405264
Split-Complementary palette of #3f5163:
#405264
#406464
Rectangle (tetradic) palette of #3f5163:
#405264
#644064
#406440
#644040
Suggested colors palettes for #3f5163 HEX:
Colors palette with color #3f5163 #1:
Colors palette with color #3f5163 #2:
Colors palette with color #3f5163 #3:
Colors palette with color #3f5163 #4:
Colors palette with color #3f5163 #5:
Color #3f5163 used in palettes (1)
Color Contrast
Color pairings #3f5163 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3f5163
#3f5163 Contrast Ratio
8.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3f5163
#3f5163 Contrast Ratio
2.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3f5163 color png
Visit the popular colors list for more colors