#cc311d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #cc311d | RGB(204, 49, 29) |
Created at 08/28/2025 09:40
Classification of #cc311d color
#cc311d is Semi dark and Warm Color Saturation 75%, lightness 46%.
Tint of Firebrick
RGB values are RGB(204, 49, 29)
#cc311d color contains Red 80%, Green 19.22% and Blue 11.37%.
oklch(55.55% 0.1943 30.94)
#cc311d color contains Red 80%, Green 19.22% and Blue 11.37%.
oklch(55.55% 0.1943 30.94)
Color Names of #cc311d HEX code
≈ Thunderbird
Alternative colors of #cc311d
Opposite Color for #cc311d is #1db8cc
#cc311d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #cc311d
cmyk
CMYK(0%, 76%, 86%, 20%)
Decimal
13381917
HEX
#cc311d
HSL
hsl(7, 75%, 46%)
HSLA
hsla(7, 75%, 46%, 1)
RGB
RGB(204, 49, 29)
RGBA
RGBA(204, 49, 29, 1)
Palettes for #cc311d color:
Below are examples of color palettes with the #cc311d HEX color
darkest color is #140503 from shades and lightest color is #faeae8 from tints
Shades palette of #cc311d:
#b82c1a
#a32717
#8f2214
#7a1d11
#66190f
#52140c
#3d0f09
#290a06
#140503
#000000
Tints palette of #cc311d:
#d14634
#d65a4a
#db6f61
#e08377
#e6988e
#ebada5
#f0c1bb
#f5d6d2
#faeae8
#ffffff
Complementary palette of #cc311d:
#cc311d
#1db8cc
Triadic palette of #cc311d:
#cc311d
#1dcc31
#311dcc
Square palette of #cc311d:
#cc311d
#60cc1d
#1db8cc
#891dcc
Analogous palette of #cc311d:
#cc1d60
#cc311d
#cc891d
Split-Complementary palette of #cc311d:
#cc311d
#1dcc89
#1d60cc
Rectangle (tetradic) palette of #cc311d:
#cc311d
#b8cc1d
#1db8cc
#311dcc
Suggested color palettes for #cc311d HEX:
Color palette with color #cc311d #1:
Color palette with color #cc311d #2:
Color palette with color #cc311d #3:
Color palette with color #cc311d #4:
Color palette with color #cc311d #5:
Color #cc311d used in palettes (1)
Color Contrast
Color pairings of #cc311d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#cc311d
#cc311d Contrast Ratio
5.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#cc311d
#cc311d Contrast Ratio
4.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #cc311d color png
Visit the popular colors list for more colors