Nerdulator> put something in

Recognised as Colour

#CC3D04

  • #CC3D04
  • Orange
  • Dark
  • Nearest: Tomato

#CC3D04 is a orange with RGB values 204, 61, 4 and HSL 17°, 96%, 41%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Tomato.

Colour values

#CC3D04#CC3D04
HEX#CC3D04
RGBrgb(204, 61, 4)
RGB (0–1)0.8, 0.2392, 0.0157
RGB percentages80%, 23.9%, 1.6%
HSLhsl(17.1, 96.2%, 40.8%)
HSV / HSBhsv(17.1, 98%, 80%)
CMYK0%, 70.1%, 98%, 20%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,384,964
CSS custom property--colour: #CC3D04;

Brightness & contrast

Relative luminance0.16184WCAG 2.x, 0 is black and 1 is white
Perceived brightness121 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.96:1
Contrast with white4.96:1WCAG normal text: AA
Contrast with black4.24:1WCAG normal text: Fail
Greyscale equivalent#575757
Inverted#33C2FB

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#695C00no red cones; affects about 1% of men; ΔE 60 from the original
Deuteranopia#8C7C00no green cones; the most common form, about 1% of men; ΔE 59.8 from the original
Tritanopia#E10035no blue cones; rare, and affects men and women equally; ΔE 27.3 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.96:1WCAG large text: AAA
Contrast with black, large text4.24:1WCAG large text: AA

Named colours

Tomato · ΔE 19Chocolate · ΔE 19.6Orange red · ΔE 20.2Firebrick · ΔE 21.7Coral · ΔE 24.3Dark red · ΔE 25.4
Nearest named CSS colourTomato (#FF6347)ΔE 19.04, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#0493CC
Analogous#CC042F, #CCA104
Triadic#04CC3D, #3D04CC
Split complementary#04CCA1, #042FCC
Tetradic#2FCC04, #0493CC, #A104CC

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FDBA9F
Lighter +30%#FC966D
Lighter +20%#FB723B
Lighter +10%#FA4E09
Darker −10%#9A2E03
Darker −20%#681F02
Darker −30%#361001
Darker −40%#040100
More saturated +25%#D03B00
Less saturated −25%#B2481E

Channel breakdown

R204
G61
B4
Red204 (80%)
Green61 (23.9%)
Blue4 (1.6%)
Hue17.1°
Saturation (HSL)96.15%
Lightness40.78%
Dominant channelRed
Hex per channelR CC · G 3D · B 04

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “cc3d04” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.