Nerdulator> put something in

Colour

#F3DEF9

  • #F3DEF9
  • Violet
  • Light
  • Nearest: Lavender

#F3DEF9 is a violet with RGB values 243, 222, 249 and HSL 287°, 69%, 92%. It is a light colour, so black text on it reaches 16.6:1 contrast (AAA for normal text). The nearest named colour is Lavender.

Colour values

#F3DEF9#F3DEF9
HEX#F3DEF9
RGBrgb(243, 222, 249)
RGB (0–1)0.9529, 0.8706, 0.9765
RGB percentages95.3%, 87.1%, 97.6%
HSLhsl(286.7, 69.2%, 92.4%)
HSV / HSBhsv(286.7, 10.8%, 97.6%)
CMYK2.4%, 10.8%, 0%, 2.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,982,329
CSS custom property--colour: #F3DEF9;

Brightness & contrast

Relative luminance0.78137WCAG 2.x, 0 is black and 1 is white
Perceived brightness231.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 16.63:1
Contrast with white1.26:1WCAG normal text: Fail
Contrast with black16.63:1WCAG normal text: AAA
Greyscale equivalent#E4E4E4
Inverted#0C2106

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#DBE3FAno red cones; affects about 1% of men; ΔE 10.3 from the original
Deuteranopia#E0E5F8no green cones; the most common form, about 1% of men; ΔE 10 from the original
Tritanopia#F3E1E7no blue cones; rare, and affects men and women equally; ΔE 10.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.26:1WCAG large text: Fail
Contrast with black, large text16.63:1WCAG large text: AAA

Named colours

Lavender · ΔE 8.3Thistle · ΔE 10.9Lavender blush · ΔE 12.7Ghost white · ΔE 14.6Misty rose · ΔE 15.8Alice blue · ΔE 16
Nearest named CSS colourLavender (#E6E6FA)ΔE 8.3, clearly different but related
Hue familyviolet
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E4F9DE
Analogous#E6DEF9, #F9DEF1
Triadic#F9F3DE, #DEF9F3
Split complementary#F2F9DE, #DEF9E6
Tetradic#F9E6DE, #E4F9DE, #DEF1F9

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#FFFFFF
Darker −10%#E3B3F1
Darker −20%#D488E9
Darker −30%#C45DE1
Darker −40%#B431DA
More saturated +25%#F6D9FE
Less saturated −25%#F0E3F4

Channel breakdown

R243
G222
B249
Red243 (95.3%)
Green222 (87.1%)
Blue249 (97.6%)
Hue286.67°
Saturation (HSL)69.23%
Lightness92.35%
Dominant channelBlue
Hex per channelR F3 · G DE · B F9

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