Recognised as Colour

#F30A53

#F30A53
Red
Dark
Nearest: Crimson

#F30A53 is a red with RGB values 243, 10, 83 and HSL 341°, 92%, 50%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#F30A53#F30A53

HEX#F30A53

RGBrgb(243, 10, 83)

RGB (0–1)0.9529, 0.0392, 0.3255

RGB percentages95.3%, 3.9%, 32.5%

HSLhsl(341.2, 92.1%, 49.6%)

HSV / HSBhsv(341.2, 95.9%, 95.3%)

CMYK0%, 95.9%, 65.8%, 4.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,927,891

CSS custom property--colour: #F30A53;

Brightness & contrast

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

Perceived brightness136 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.98:1

Contrast with white4.22:1WCAG normal text: Fail

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

Greyscale equivalent#414141

Inverted#0CF5AC

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#625F53no red cones; affects about 1% of men; ΔE 82.7 from the original

Deuteranopia#988B4Dno green cones; the most common form, about 1% of men; ΔE 83 from the original

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

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

Contrast with white, large text4.22:1WCAG large text: AA

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

Named colours

Crimson · ΔE 11.3 Firebrick · ΔE 28.1 Tomato · ΔE 30.5 Brown · ΔE 32.3 Deep pink · ΔE 33.1 Indian red · ΔE 34

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0AF3AA

Analogous#F30AC7, #F3360A

Triadic#53F30A, #0A53F3

Split complementary#0AF336, #0AC7F3

Tetradic#C7F30A, #0AF3AA, #360AF3

Tints, shades & saturation

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

Lighter +40%#FDCCDB

Lighter +30%#FB9BB9

Lighter +20%#F96A97

Lighter +10%#F73975

Darker −10%#C20842

Darker −20%#910632

Darker −30%#600421

Darker −40%#2F0210

More saturated +25%#FD004F

Less saturated −25%#D32A5F

Channel breakdown

R243

G10

B83

Red243 (95.3%)

Green10 (3.9%)

Blue83 (32.5%)

Hue341.2°

Saturation (HSL)92.09%

Lightness49.61%

Dominant channelRed

Hex per channelR F3 · G 0A · B 53

Keep nerding

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

#F30A53

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