#cc7228 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #cc7228 | RGB(204, 114, 40) |
Created at 12/17/2023 08:27
RGB values are RGB(204, 114, 40)
#cc7228 color contains Red 80%, Green 44.71% and Blue 15.69%.
oklch(64.14% 0.1407 55.21)
#cc7228 color contains Red 80%, Green 44.71% and Blue 15.69%.
oklch(64.14% 0.1407 55.21)
Color Names of #cc7228 HEX code
≈ Ochre
Classification of #cc7228 color
#cc7228 is Light and Warm Color Saturation 67%, lightness 48%.
Tint of Chocolate
Alternative colors of #cc7228
Opposite Color for #cc7228 is #2882cc
#cc7228 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #cc7228
cmyk
CMYK(0%, 44%, 80%, 20%)
Decimal
13398568
HEX
#cc7228
HSL
hsl(27, 67%, 48%)
HSLA
hsla(27, 67%, 48%, 1)
RGB
RGB(204, 114, 40)
RGBA
RGBA(204, 114, 40, 1)
Palettes for #cc7228 color:
Below are examples of color palettes with the #cc7228 HEX color
darkest color is #140b04 from shades and lightest color is #faf1ea from tints
Shades palette of #cc7228:
#b86724
#a35b20
#8f501c
#7a4418
#663914
#522e10
#3d220c
#291708
#140b04
#000000
Tints palette of #cc7228:
#d1803d
#d68e53
#db9c69
#e0aa7e
#e6b994
#ebc7a9
#f0d5bf
#f5e3d4
#faf1ea
#ffffff
Complementary palette of #cc7228:
#cc7228
#2882cc
Triadic palette of #cc7228:
#cc7228
#28cc72
#7228cc
Square palette of #cc7228:
#cc7228
#30cc28
#2882cc
#c428cc
Analogous palette of #cc7228:
#cc2830
#cc7228
#ccc428
Split-Complementary palette of #cc7228:
#cc7228
#28ccc4
#2830cc
Rectangle (tetradic) palette of #cc7228:
#cc7228
#82cc28
#2882cc
#7228cc
Suggested color palettes for #cc7228 HEX:
Color palette with color #cc7228 #1:
Color palette with color #cc7228 #2:
Color palette with color #cc7228 #3:
Color palette with color #cc7228 #4:
Color palette with color #cc7228 #5:
Color Contrast
Color pairings of #cc7228 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#cc7228
#cc7228Contrast Ratio
3.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#cc7228
#cc7228Contrast Ratio
6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #cc7228 color png
Visit the popular colors list for more colors