#cc501c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #cc501c | RGB(204, 80, 28) |
Created at 03/13/2023 11:34
RGB values are RGB(204, 80, 28)
#cc501c color contains Red 80%, Green 31.37% and Blue 10.98%.
oklch(58.92% 0.169 40.25)
#cc501c color contains Red 80%, Green 31.37% and Blue 10.98%.
oklch(58.92% 0.169 40.25)
Color Names of #cc501c HEX code
≈ Orange Roughy
Classification of #cc501c color
#cc501c is Light and Warm Color Saturation 76%, lightness 45%.
Shade of Chocolate
Alternative colors of #cc501c
Opposite Color for #cc501c is #1c98cc
#cc501c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #cc501c
cmyk
CMYK(0%, 61%, 86%, 20%)
Decimal
13389852
HEX
#cc501c
HSL
hsl(18, 76%, 45%)
HSLA
hsla(18, 76%, 45%, 1)
RGB
RGB(204, 80, 28)
RGBA
RGBA(204, 80, 28, 1)
Palettes for #cc501c color:
Below are examples of color palettes with the #cc501c HEX color
darkest color is #140803 from shades and lightest color is #faeee8 from tints
Shades palette of #cc501c:
#b84819
#a34016
#8f3814
#7a3011
#66280e
#52200b
#3d1808
#291006
#140803
#000000
Tints palette of #cc501c:
#d16233
#d67349
#db8560
#e09677
#e6a88e
#ebb9a4
#f0cbbb
#f5dcd2
#faeee8
#ffffff
Complementary palette of #cc501c:
#cc501c
#1c98cc
Triadic palette of #cc501c:
#cc501c
#1ccc50
#501ccc
Square palette of #cc501c:
#cc501c
#40cc1c
#1c98cc
#a81ccc
Analogous palette of #cc501c:
#cc1c40
#cc501c
#cca81c
Split-Complementary palette of #cc501c:
#cc501c
#1ccca8
#1c40cc
Rectangle (tetradic) palette of #cc501c:
#cc501c
#98cc1c
#1c98cc
#501ccc
Suggested color palettes for #cc501c HEX:
Color palette with color #cc501c #1:
Color palette with color #cc501c #2:
Color palette with color #cc501c #3:
Color palette with color #cc501c #4:
Color palette with color #cc501c #5:
Color #cc501c used in palettes (1)
Color Contrast
Color pairings of #cc501c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#cc501c
#cc501cContrast Ratio
4.43:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#cc501c
#cc501cContrast Ratio
4.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #cc501c color png
Visit the popular colors list for more colors