#3a6f8c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a6f8c | RGB(58, 111, 140) |
Created at 10/12/2026 15:24
Classification of #3a6f8c color
#3a6f8c is Semi dark and Cool Color Saturation 41%, lightness 39%.
Shade of Steel Blue
RGB values are RGB(58, 111, 140)
#3a6f8c color contains Red 22.75%, Green 43.53% and Blue 54.9%.
oklch(51.75% 0.0728 234.52)
#3a6f8c color contains Red 22.75%, Green 43.53% and Blue 54.9%.
oklch(51.75% 0.0728 234.52)
Color Names of #3a6f8c HEX code
≈ Calypso
Alternative colors of #3a6f8c
Opposite Color for #3a6f8c is #8c573a
#3a6f8c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a6f8c
cmyk
CMYK(59%, 21%, 0%, 45%)
Decimal
3829644
HEX
#3a6f8c
HSL
hsl(201, 41%, 39%)
HSLA
hsla(201, 41%, 39%, 1)
RGB
RGB(58, 111, 140)
RGBA
RGBA(58, 111, 140, 1)
Palettes for #3a6f8c color:
Below are examples of color palettes with the #3a6f8c HEX color
darkest color is #060b0e from shades and lightest color is #ebf1f4 from tints
Shades palette of #3a6f8c:
#34647e
#2e5970
#294e62
#234354
#1d3846
#172c38
#11212a
#0c161c
#060b0e
#000000
Tints palette of #3a6f8c:
#4e7d98
#618ca3
#759aaf
#89a9ba
#9db7c6
#b0c5d1
#c4d4dd
#d8e2e8
#ebf1f4
#ffffff
Complementary palette of #3a6f8c:
#3a6f8c
#8c573a
Triadic palette of #3a6f8c:
#3a6f8c
#8c3a6f
#6f8c3a
Square palette of #3a6f8c:
#3a6f8c
#803a8c
#8c573a
#468c3a
Analogous palette of #3a6f8c:
#3a8c80
#3a6f8c
#3a468c
Split-Complementary palette of #3a6f8c:
#3a6f8c
#8c3a46
#8c803a
Rectangle (tetradic) palette of #3a6f8c:
#3a6f8c
#573a8c
#8c573a
#6f8c3a
Suggested color palettes for #3a6f8c HEX:
Color palette with color #3a6f8c #1:
Color palette with color #3a6f8c #2:
Color palette with color #3a6f8c #3:
Color palette with color #3a6f8c #4:
Color palette with color #3a6f8c #5:
Color Contrast
Color pairings of #3a6f8c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3a6f8c
#3a6f8c Contrast Ratio
5.47:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a6f8c
#3a6f8c Contrast Ratio
3.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a6f8c color png
Visit the popular colors list for more colors