#3a4f5d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a4f5d | RGB(58, 79, 93) |
Created at 02/17/2023 16:58
RGB values are RGB(58, 79, 93)
#3a4f5d color contains Red 22.75%, Green 30.98% and Blue 36.47%.
oklch(41.59% 0.035 237.89)
#3a4f5d color contains Red 22.75%, Green 30.98% and Blue 36.47%.
oklch(41.59% 0.035 237.89)
Color Names of #3a4f5d HEX code
≈ River Bed
Classification of #3a4f5d color
#3a4f5d is Semi dark and Cool Color Saturation 23%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #3a4f5d
Opposite Color for #3a4f5d is #5d483a
#3a4f5d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a4f5d
cmyk
CMYK(38%, 15%, 0%, 64%)
Decimal
3821405
HEX
#3a4f5d
HSL
hsl(204, 23%, 30%)
HSLA
hsla(204, 23%, 30%, 1)
RGB
RGB(58, 79, 93)
RGBA
RGBA(58, 79, 93, 1)
Palettes for #3a4f5d color:
Below are examples of color palettes with the #3a4f5d HEX color
darkest color is #060809 from shades and lightest color is #ebedef from tints
Shades palette of #3a4f5d:
#344754
#2e3f4a
#293741
#232f38
#1d282f
#172025
#11181c
#0c1013
#060809
#000000
Tints palette of #3a4f5d:
#4e616d
#61727d
#75848e
#89959e
#9da7ae
#b0b9be
#c4cace
#d8dcdf
#ebedef
#ffffff
Complementary palette of #3a4f5d:
#3a4f5d
#5d483a
Triadic palette of #3a4f5d:
#3a4f5d
#5d3a4f
#4f5d3a
Square palette of #3a4f5d:
#3a4f5d
#5a3a5d
#5d483a
#3e5d3a
Analogous palette of #3a4f5d:
#3a5d5a
#3a4f5d
#3a3d5d
Split-Complementary palette of #3a4f5d:
#3a4f5d
#5d3a3d
#5d5a3a
Rectangle (tetradic) palette of #3a4f5d:
#3a4f5d
#483a5d
#5d483a
#4f5d3a
Suggested color palettes for #3a4f5d HEX:
Color palette with color #3a4f5d #1:
Color palette with color #3a4f5d #2:
Color palette with color #3a4f5d #3:
Color palette with color #3a4f5d #4:
Color palette with color #3a4f5d #5:
Color #3a4f5d used in palettes (1)
Color Contrast
Color pairings of #3a4f5d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a4f5d
#3a4f5dContrast Ratio
8.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a4f5d
#3a4f5dContrast Ratio
2.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a4f5d color png
Visit the popular colors list for more colors