Colour
#DD553A
- #DD553A
- Red
- Dark
- Nearest: Tomato
#DD553A is a red with RGB values 221, 85, 58 and HSL 10°, 71%, 55%. It is a dark colour, so black text on it reaches 5.4:1 contrast (AA for normal text). The nearest named colour is Tomato.
Colour values
#DD553A#DD553A
HEX#DD553A
RGBrgb(221, 85, 58)
RGB (0–1)0.8667, 0.3333, 0.2275
RGB percentages86.7%, 33.3%, 22.7%
HSLhsl(9.9, 70.6%, 54.7%)
HSV / HSBhsv(9.9, 73.8%, 86.7%)
CMYK0%, 61.5%, 73.8%, 13.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,505,274
CSS custom property--colour: #DD553A;
Brightness & contrast
Relative luminance0.22175WCAG 2.x, 0 is black and 1 is white
Perceived brightness138.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.43:1
Contrast with white3.86:1WCAG normal text: Fail
Contrast with black5.43:1WCAG normal text: AA
Greyscale equivalent#707070
Inverted#22AAC5
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.86:1WCAG large text: AA
Contrast with black, large text5.43:1WCAG large text: AAA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#3AC2DD
Analogous#DD3A71, #DDA63A
Triadic#3ADD55, #553ADD
Split complementary#3ADDA7, #3A70DD
Tetradic#71DD3A, #3AC2DD, #A73ADD
Tints, shades & saturation
Channel breakdown
R221
G85
B58
Red221 (86.7%)
Green85 (33.3%)
Blue58 (22.7%)
Hue9.94°
Saturation (HSL)70.56%
Lightness54.71%
Dominant channelRed
Hex per channelR DD · G 55 · B 3A
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