Nerdulator> put something in

Recognised as Colour

#F4D3E7

  • #F4D3E7
  • Magenta
  • Light
  • Nearest: Thistle

#F4D3E7 is a magenta with RGB values 244, 211, 231 and HSL 324°, 60%, 89%. It is a light colour, so black text on it reaches 15.3:1 contrast (AAA for normal text). The nearest named colour is Thistle.

Colour values

#F4D3E7#F4D3E7
HEX#F4D3E7
RGBrgb(244, 211, 231)
RGB (0–1)0.9569, 0.8275, 0.9059
RGB percentages95.7%, 82.7%, 90.6%
HSLhsl(323.6, 60%, 89.2%)
HSV / HSBhsv(323.6, 13.5%, 95.7%)
CMYK0%, 13.5%, 5.3%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,045,031
CSS custom property--colour: #F4D3E7;

Brightness & contrast

Relative luminance0.71591WCAG 2.x, 0 is black and 1 is white
Perceived brightness223.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.32:1
Contrast with white1.37:1WCAG normal text: Fail
Contrast with black15.32:1WCAG normal text: AAA
Greyscale equivalent#DBDBDB
Inverted#0B2C18

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#D4D9E8no red cones; affects about 1% of men; ΔE 13.9 from the original
Deuteranopia#DBDEE6no green cones; the most common form, about 1% of men; ΔE 14.4 from the original
Tritanopia#F8D3DAno blue cones; rare, and affects men and women equally; ΔE 7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.37:1WCAG large text: Fail
Contrast with black, large text15.32:1WCAG large text: AAA

Named colours

Thistle · ΔE 8.7Lavender · ΔE 12.5Misty rose · ΔE 13Lavender blush · ΔE 13.1Pink · ΔE 13.6Gainsboro · ΔE 15.8
Nearest named CSS colourThistle (#D8BFD8)ΔE 8.67, clearly different but related
Hue familymagenta
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D3F4E0
Analogous#F1D3F4, #F4D3D7
Triadic#E7F4D3, #D3E7F4
Split complementary#D7F4D3, #D3F4F1
Tetradic#F4F1D3, #D3F4E0, #D3D7F4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#FEFCFD
Darker −10%#EAAAD1
Darker −20%#E081BA
Darker −30%#D559A4
Darker −40%#C9328D
More saturated +25%#FBCCE8
Less saturated −25%#EDDAE6

Channel breakdown

R244
G211
B231
Red244 (95.7%)
Green211 (82.7%)
Blue231 (90.6%)
Hue323.64°
Saturation (HSL)60%
Lightness89.22%
Dominant channelRed
Hex per channelR F4 · G D3 · B E7

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