Created at 02/26/2023 14:12
#3c7a80 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #3c7a80 | RGB(60, 122, 128) |
RGB values are RGB(60, 122, 128)
#3c7a80 color contain Red 23.53%, Green 47.84% and Blue 50.2%.
oklch(54.09% 0.0645 203.78)
#3c7a80 color contain Red 23.53%, Green 47.84% and Blue 50.2%.
oklch(54.09% 0.0645 203.78)
Classification of #3c7a80 color
#3c7a80 is Semi dark and Cool Color Saturation 36%, lightness 37%.
Tint of Teal
Alternative colors of #3c7a80
Opposite Color for #3c7a80 is #80423c
#3c7a80 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3c7a80
Decimal
3963520
HEX
#3c7a80
HSL
hsl(185, 36%, 37%)
HSLA
hsla(185, 36%, 37%, 1)
RGB
RGB(60, 122, 128)
RGBA
RGBA(60, 122, 128, 1)
Palettes for #3c7a80 color:
Below examples of color palettes for #3c7a80 HEX color
darkest color is #060c0d from shades and lightest color is #ecf2f2 from tints
Shades palette of #3c7a80:
#366e73
#306266
#2a555a
#24494d
#1e3d40
#183133
#122526
#0c181a
#060c0d
#000000
Tints palette of #3c7a80:
#50878d
#639599
#77a2a6
#8aafb3
#9ebdc0
#b1cacc
#c5d7d9
#d8e4e6
#ecf2f2
#ffffff
Complementary palette of #3c7a80:
#3c7b80
#80423c
Triadic palette of #3c7a80:
#3c7b80
#803c7b
#7b803c
Square palette of #3c7a80:
#3c7b80
#643c80
#59803c
#80423c
Analogous palette of #3c7a80:
#3c8064
#3c7b80
Split-Complementary palette of #3c7a80:
#3c7b80
#3c8064
Rectangle (tetradic) palette of #3c7a80:
#3c7b80
#643c80
#59803c
#803c59
Suggested colors palettes for #3c7a80 HEX:
Colors palette with color #3c7a80 #1:
Colors palette with color #3c7a80 #2:
Colors palette with color #3c7a80 #3:
Colors palette with color #3c7a80 #4:
Colors palette with color #3c7a80 #5:
Color #3c7a80 used in palettes (1)
Color Contrast
Color pairings #3c7a80 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3c7a80
#3c7a80 Contrast Ratio
4.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3c7a80
#3c7a80 Contrast Ratio
4.28:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3c7a80 color png
Visit the popular colors list for more colors