Nerdulator> put something in

Recognised as Colour

#F8356A

  • #F8356A
  • Red
  • Dark
  • Nearest: Crimson

#F8356A is a red with RGB values 248, 53, 106 and HSL 344°, 93%, 59%. It is a dark colour, so black text on it reaches 5.7:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#F8356A#F8356A
HEX#F8356A
RGBrgb(248, 53, 106)
RGB (0–1)0.9725, 0.2078, 0.4157
RGB percentages97.3%, 20.8%, 41.6%
HSLhsl(343.7, 93.3%, 59%)
HSV / HSBhsv(343.7, 78.6%, 97.3%)
CMYK0%, 78.6%, 57.3%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,266,602
CSS custom property--colour: #F8356A;

Brightness & contrast

Relative luminance0.23543WCAG 2.x, 0 is black and 1 is white
Perceived brightness146 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.71:1
Contrast with white3.68:1WCAG normal text: Fail
Contrast with black5.71:1WCAG normal text: AA
Greyscale equivalent#626262
Inverted#07CA95

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#6C6C6Bno red cones; affects about 1% of men; ΔE 76.8 from the original
Deuteranopia#9E9365no green cones; the most common form, about 1% of men; ΔE 77.4 from the original
Tritanopia#FF004Cno blue cones; rare, and affects men and women equally; ΔE 17.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.68:1WCAG large text: AA
Contrast with black, large text5.71:1WCAG large text: AAA

Named colours

Crimson · ΔE 18Deep pink · ΔE 26.1Indian red · ΔE 29.4Firebrick · ΔE 31.2Hot pink · ΔE 31.9Brown · ΔE 32.7
Nearest named CSS colourCrimson (#DC143C)ΔE 17.96, a distinctly different colour
Hue familyred
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#35F8C3
Analogous#F835CC, #F86135
Triadic#6AF835, #356AF8
Split complementary#35F861, #35CCF8
Tetradic#CCF835, #35F8C3, #6135F8

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFAFB
Lighter +30%#FDC9D7
Lighter +20%#FB98B3
Lighter +10%#FA668E
Darker −10%#F20848
Darker −20%#C00739
Darker −30%#8F052A
Darker −40%#5E031C
More saturated +25%#FF2E67
Less saturated −25%#DE4F76

Channel breakdown

R248
G53
B106
Red248 (97.3%)
Green53 (20.8%)
Blue106 (41.6%)
Hue343.69°
Saturation (HSL)93.3%
Lightness59.02%
Dominant channelRed
Hex per channelR F8 · G 35 · 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 “f8356a” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.