Created at 02/26/2023 14:00
#cc7c22 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #cc7c22 | RGB(204, 124, 34) |
RGB values are RGB(204, 124, 34)
#cc7c22 color contain Red 80%, Green 48.63% and Blue 13.33%.
oklch(65.84% 0.1385 62.91)
#cc7c22 color contain Red 80%, Green 48.63% and Blue 13.33%.
oklch(65.84% 0.1385 62.91)
Classification of #cc7c22 color
#cc7c22 is Light and Warm Color Saturation 71%, lightness 47%.
Tint of peru
Alternative colors of #cc7c22
Opposite Color for #cc7c22 is #2372cd
#cc7c22 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #cc7c22
Decimal
13401122
HEX
#cc7c22
HSL
hsl(32, 71%, 47%)
HSLA
hsla(32, 71%, 47%, 1)
RGB
RGB(204, 124, 34)
RGBA
RGBA(204, 124, 34, 1)
Palettes for #cc7c22 color:
Below examples of color palettes for #cc7c22 HEX color
darkest color is #140c03 from shades and lightest color is #faf2e9 from tints
Shades palette of #cc7c22:
#b8701f
#a3631b
#8f5718
#7a4a14
#663e11
#52320e
#3d250a
#291907
#140c03
#000000
Tints palette of #cc7c22:
#d18938
#d6964e
#dba364
#e0b07a
#e6be91
#ebcba7
#f0d8bd
#f5e5d3
#faf2e9
#ffffff
Complementary palette of #cc7c22:
#cd7e23
#2372cd
Triadic palette of #cc7c22:
#cd7e23
#23cd7e
#7e23cd
Square palette of #cc7c22:
#cd7e23
#23cd28
#cd23c7
#2372cd
Analogous palette of #cc7c22:
#cd2823
#cd7e23
Split-Complementary palette of #cc7c22:
#cd7e23
#cd2823
Rectangle (tetradic) palette of #cc7c22:
#cd7e23
#23cd28
#cd23c7
#23c7cd
Suggested colors palettes for #cc7c22 HEX:
Colors palette with color #cc7c22 #1:
Colors palette with color #cc7c22 #2:
Colors palette with color #cc7c22 #3:
Colors palette with color #cc7c22 #4:
Colors palette with color #cc7c22 #5:
Color #cc7c22 used in palettes (1)
Color Contrast
Color pairings #cc7c22 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#cc7c22
#cc7c22 Contrast Ratio
3.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#cc7c22
#cc7c22 Contrast Ratio
6.47:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #cc7c22 color png
Visit the popular colors list for more colors