#3d5063 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3d5063 | RGB(61, 80, 99) |
Created at 03/05/2023 13:29
Classification of #3d5063 color
#3d5063 is Semi dark and Cool Color Saturation 24%, lightness 31%.
Tint of Dark Slate Blue
RGB values are RGB(61, 80, 99)
#3d5063 color contains Red 23.92%, Green 31.37% and Blue 38.82%.
oklch(42.32% 0.0397 248.79)
#3d5063 color contains Red 23.92%, Green 31.37% and Blue 38.82%.
oklch(42.32% 0.0397 248.79)
Color Names of #3d5063 HEX code
≈ Fiord
Alternative colors of #3d5063
Opposite Color for #3d5063 is #63503d
#3d5063 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3d5063
cmyk
CMYK(38%, 19%, 0%, 61%)
Decimal
4018275
HEX
#3d5063
HSL
hsl(210, 24%, 31%)
HSLA
hsla(210, 24%, 31%, 1)
RGB
RGB(61, 80, 99)
RGBA
RGBA(61, 80, 99, 1)
Palettes for #3d5063 color:
Below are examples of color palettes with the #3d5063 HEX color
darkest color is #06080a from shades and lightest color is #eceeef from tints
Shades palette of #3d5063:
#374859
#31404f
#2b3845
#25303b
#1f2832
#182028
#12181e
#0c1014
#06080a
#000000
Tints palette of #3d5063:
#506273
#647382
#778592
#8b96a1
#9ea8b1
#b1b9c1
#c5cbd0
#d8dce0
#eceeef
#ffffff
Complementary palette of #3d5063:
#3d5063
#63503d
Triadic palette of #3d5063:
#3d5063
#633d50
#50633d
Square palette of #3d5063:
#3d5063
#633d63
#63503d
#3d633d
Analogous palette of #3d5063:
#3d6363
#3d5063
#3d3d63
Split-Complementary palette of #3d5063:
#3d5063
#633d3d
#63633d
Rectangle (tetradic) palette of #3d5063:
#3d5063
#503d63
#63503d
#50633d
Suggested color palettes for #3d5063 HEX:
Color palette with color #3d5063 #1:
Color palette with color #3d5063 #2:
Color palette with color #3d5063 #3:
Color palette with color #3d5063 #4:
Color palette with color #3d5063 #5:
Color #3d5063 used in palettes (1)
Color Contrast
Color pairings of #3d5063 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3d5063
#3d5063 Contrast Ratio
8.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3d5063
#3d5063 Contrast Ratio
2.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3d5063 color png
Visit the popular colors list for more colors