Colour

#D63C53

#D63C53
Red
Dark
Nearest: Crimson

#D63C53 is a red with RGB values 214, 60, 83 and HSL 351°, 65%, 54%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#D63C53#D63C53

HEX#D63C53

RGBrgb(214, 60, 83)

RGB (0–1)0.8392, 0.2353, 0.3255

RGB percentages83.9%, 23.5%, 32.5%

HSLhsl(351, 65.3%, 53.7%)

HSV / HSBhsv(351, 72%, 83.9%)

CMYK0%, 72%, 61.2%, 16.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,040,147

CSS custom property--colour: #D63C53;

Brightness & contrast

Relative luminance0.18152WCAG 2.x, 0 is black and 1 is white

Perceived brightness128.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.63:1

Contrast with white4.54:1WCAG normal text: AA

Contrast with black4.63:1WCAG normal text: AA

Greyscale equivalent#5E5E5E

Inverted#29C3AC

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#666253no red cones; affects about 1% of men; ΔE 64 from the original

Deuteranopia#8D824Fno green cones; the most common form, about 1% of men; ΔE 64.6 from the original

Tritanopia#EA0746no blue cones; rare, and affects men and women equally; ΔE 17.5 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.54:1WCAG large text: AAA

Contrast with black, large text4.63:1WCAG large text: AAA

Named colours

Crimson · ΔE 15.1 Indian red · ΔE 16.3 Brown · ΔE 18.1 Firebrick · ΔE 18.8 Salmon · ΔE 24.3 Light coral · ΔE 24.6

Nearest named CSS colourCrimson (#DC143C)ΔE 15.06, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#3CD6BF

Analogous#D63CA0, #D6723C

Triadic#53D63C, #3C53D6

Split complementary#3CD672, #3CA0D6

Tetradic#A0D63C, #3CD6BF, #723CD6

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#F9E5E8

Lighter +30%#F1BAC3

Lighter +20%#E8909D

Lighter +10%#DF6678

Darker −10%#B8273C

Darker −20%#8E1E2F

Darker −30%#641521

Darker −40%#3A0C13

More saturated +25%#F31E3E

Less saturated −25%#B95A68

Channel breakdown

R214

G60

B83

Red214 (83.9%)

Green60 (23.5%)

Blue83 (32.5%)

Hue351.04°

Saturation (HSL)65.25%

Lightness53.73%

Dominant channelRed

Hex per channelR D6 · G 3C · B 53

Keep nerding

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

#D63C53

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else