Nerdulator> put something in

Recognised as Colour

#DF366A

  • #DF366A
  • Red
  • Dark
  • Nearest: Crimson

#DF366A is a red with RGB values 223, 54, 106 and HSL 342°, 73%, 54%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#DF366A#DF366A
HEX#DF366A
RGBrgb(223, 54, 106)
RGB (0–1)0.8745, 0.2118, 0.4157
RGB percentages87.5%, 21.2%, 41.6%
HSLhsl(341.5, 72.5%, 54.3%)
HSV / HSBhsv(341.5, 75.8%, 87.5%)
CMYK0%, 75.8%, 52.5%, 12.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,628,458
CSS custom property--colour: #DF366A;

Brightness & contrast

Relative luminance0.19367WCAG 2.x, 0 is black and 1 is white
Perceived brightness133.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.87:1
Contrast with white4.31:1WCAG normal text: Fail
Contrast with black4.87:1WCAG normal text: AA
Greyscale equivalent#5E5E5E
Inverted#20C995

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#62646Bno red cones; affects about 1% of men; ΔE 68.4 from the original
Deuteranopia#8E8666no green cones; the most common form, about 1% of men; ΔE 69.7 from the original
Tritanopia#F3004Cno blue cones; rare, and affects men and women equally; ΔE 22.6 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.31:1WCAG large text: AA
Contrast with black, large text4.87:1WCAG large text: AAA

Named colours

Crimson · ΔE 23.2Indian red · ΔE 24.7Deep pink · ΔE 24.9Pale violetred · ΔE 25.7Hot pink · ΔE 26.2Medium violet red · ΔE 27.4
Nearest named CSS colourCrimson (#DC143C)ΔE 23.17, a distinctly different colour
Hue familyred
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#36DFAB
Analogous#DF36BE, #DF5736
Triadic#6ADF36, #366ADF
Split complementary#36DF57, #36BEDF
Tetradic#BEDF36, #36DFAB, #5736DF

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FBE6EC
Lighter +30%#F4BACC
Lighter +20%#ED8EAB
Lighter +10%#E6628B
Darker −10%#C31F51
Darker −20%#97183F
Darker −30%#6B112D
Darker −40%#3F0A1A
More saturated +25%#FC195F
Less saturated −25%#C25375

Channel breakdown

R223
G54
B106
Red223 (87.5%)
Green54 (21.2%)
Blue106 (41.6%)
Hue341.54°
Saturation (HSL)72.53%
Lightness54.31%
Dominant channelRed
Hex per channelR DF · G 36 · B 6A

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 “df366a” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.