#3a5c61 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a5c61 | RGB(58, 92, 97) |
Created at 03/15/2023 23:28
Classification of #3a5c61 color
#3a5c61 is Semi dark and Cool Color Saturation 25%, lightness 30%.
Tint of Dark Slate Gray
RGB values are RGB(58, 92, 97)
#3a5c61 color contains Red 22.75%, Green 36.08% and Blue 38.04%.
oklch(45.08% 0.0402 207.54)
#3a5c61 color contains Red 22.75%, Green 36.08% and Blue 38.04%.
oklch(45.08% 0.0402 207.54)
Color Names of #3a5c61 HEX code
≈ Casal
Alternative colors of #3a5c61
Opposite Color for #3a5c61 is #613f3a
#3a5c61 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a5c61
cmyk
CMYK(40%, 5%, 0%, 62%)
Decimal
3824737
HEX
#3a5c61
HSL
hsl(188, 25%, 30%)
HSLA
hsla(188, 25%, 30%, 1)
RGB
RGB(58, 92, 97)
RGBA
RGBA(58, 92, 97, 1)
Palettes for #3a5c61 color:
Below are examples of color palettes with the #3a5c61 HEX color
darkest color is #06090a from shades and lightest color is #ebefef from tints
Shades palette of #3a5c61:
#345357
#2e4a4e
#294044
#23373a
#1d2e31
#172527
#111c1d
#0c1213
#06090a
#000000
Tints palette of #3a5c61:
#4e6c71
#617d81
#758d90
#899da0
#9daeb0
#b0bec0
#c4ced0
#d8dedf
#ebefef
#ffffff
Complementary palette of #3a5c61:
#3a5c61
#613f3a
Triadic palette of #3a5c61:
#3a5c61
#613a5c
#5c613a
Square palette of #3a5c61:
#3a5c61
#533a61
#613f3a
#48613a
Analogous palette of #3a5c61:
#3a6153
#3a5c61
#3a4861
Split-Complementary palette of #3a5c61:
#3a5c61
#613a48
#61533a
Rectangle (tetradic) palette of #3a5c61:
#3a5c61
#3f3a61
#613f3a
#5c613a
Suggested color palettes for #3a5c61 HEX:
Color palette with color #3a5c61 #1:
Color palette with color #3a5c61 #2:
Color palette with color #3a5c61 #3:
Color palette with color #3a5c61 #4:
Color palette with color #3a5c61 #5:
Color #3a5c61 used in palettes (2)
Color Contrast
Color pairings of #3a5c61 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a5c61
#3a5c61 Contrast Ratio
7.28:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a5c61
#3a5c61 Contrast Ratio
2.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a5c61 color png
Visit the popular colors list for more colors