#3a5c6c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a5c6c | RGB(58, 92, 108) |
Created at 03/04/2023 18:14
RGB values are RGB(58, 92, 108)
#3a5c6c color contains Red 22.75%, Green 36.08% and Blue 42.35%.
oklch(45.54% 0.0473 229.32)
#3a5c6c color contains Red 22.75%, Green 36.08% and Blue 42.35%.
oklch(45.54% 0.0473 229.32)
Color Names of #3a5c6c HEX code
≈ William
Classification of #3a5c6c color
#3a5c6c is Semi dark and Cool Color Saturation 30%, lightness 33%.
Tint of Dark Slate Gray
Alternative colors of #3a5c6c
Opposite Color for #3a5c6c is #6c4a3a
#3a5c6c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a5c6c
cmyk
CMYK(46%, 15%, 0%, 58%)
Decimal
3824748
HEX
#3a5c6c
HSL
hsl(199, 30%, 33%)
HSLA
hsla(199, 30%, 33%, 1)
RGB
RGB(58, 92, 108)
RGBA
RGBA(58, 92, 108, 1)
Palettes for #3a5c6c color:
Below are examples of color palettes with the #3a5c6c HEX color
darkest color is #06090b from shades and lightest color is #ebeff0 from tints
Shades palette of #3a5c6c:
#345361
#2e4a56
#29404c
#233741
#1d2e36
#17252b
#111c20
#0c1216
#06090b
#000000
Tints palette of #3a5c6c:
#4e6c7b
#617d89
#758d98
#899da7
#9daeb6
#b0bec4
#c4ced3
#d8dee2
#ebeff0
#ffffff
Complementary palette of #3a5c6c:
#3a5c6c
#6c4a3a
Triadic palette of #3a5c6c:
#3a5c6c
#6c3a5c
#5c6c3a
Square palette of #3a5c6c:
#3a5c6c
#633a6c
#6c4a3a
#436c3a
Analogous palette of #3a5c6c:
#3a6c63
#3a5c6c
#3a436c
Split-Complementary palette of #3a5c6c:
#3a5c6c
#6c3a43
#6c633a
Rectangle (tetradic) palette of #3a5c6c:
#3a5c6c
#4a3a6c
#6c4a3a
#5c6c3a
Suggested color palettes for #3a5c6c HEX:
Color palette with color #3a5c6c #1:
Color palette with color #3a5c6c #2:
Color palette with color #3a5c6c #3:
Color palette with color #3a5c6c #4:
Color palette with color #3a5c6c #5:
Color #3a5c6c used in palettes (1)
Color Contrast
Color pairings of #3a5c6c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a5c6c
#3a5c6cContrast Ratio
7.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a5c6c
#3a5c6cContrast Ratio
2.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a5c6c color png
Visit the popular colors list for more colors