Created at 02/23/2023 14:41
#3c5b6f HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #3c5b6f | RGB(60, 91, 111) |
RGB values are RGB(60, 91, 111)
#3c5b6f color contain Red 23.53%, Green 35.69% and Blue 43.53%.
oklch(45.54% 0.049 237.59)
#3c5b6f color contain Red 23.53%, Green 35.69% and Blue 43.53%.
oklch(45.54% 0.049 237.59)
Classification of #3c5b6f color
#3c5b6f is Semi dark and Cool Color Saturation 30%, lightness 34%.
Shade of darkslategrey
Alternative colors of #3c5b6f
Opposite Color for #3c5b6f is #71513d
#3c5b6f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3c5b6f
Decimal
3955567
HEX
#3c5b6f
HSL
hsl(204, 30%, 34%)
HSLA
hsla(204, 30%, 34%, 1)
RGB
RGB(60, 91, 111)
RGBA
RGBA(60, 91, 111, 1)
Palettes for #3c5b6f color:
Below examples of color palettes for #3c5b6f HEX color
darkest color is #06090b from shades and lightest color is #eceff1 from tints
Shades palette of #3c5b6f:
#365264
#304959
#2a404e
#243743
#1e2e38
#18242c
#121b21
#0c1216
#06090b
#000000
Tints palette of #3c5b6f:
#506b7d
#637c8c
#778c9a
#8a9da9
#9eadb7
#b1bdc5
#c5ced4
#d8dee2
#eceff1
#ffffff
Complementary palette of #3c5b6f:
#3d5c71
#71513d
Triadic palette of #3c5b6f:
#3d5c71
#713d5c
#5c713d
Square palette of #3c5b6f:
#3d5c71
#6c3d71
#42713d
#71513d
Analogous palette of #3c5b6f:
#3d716c
#3d5c71
Split-Complementary palette of #3c5b6f:
#3d5c71
#3d716c
Rectangle (tetradic) palette of #3c5b6f:
#3d5c71
#6c3d71
#42713d
#713d42
Suggested colors palettes for #3c5b6f HEX:
Colors palette with color #3c5b6f #1:
Colors palette with color #3c5b6f #2:
Colors palette with color #3c5b6f #3:
Colors palette with color #3c5b6f #4:
Colors palette with color #3c5b6f #5:
Color #3c5b6f used in palettes (1)
Color Contrast
Color pairings #3c5b6f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3c5b6f
#3c5b6f Contrast Ratio
7.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3c5b6f
#3c5b6f Contrast Ratio
2.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3c5b6f color png
Visit the popular colors list for more colors