Nerdulator> put something in

Recognised as Colour

#AF22F4

  • #AF22F4
  • Violet
  • Dark
  • Nearest: Dark violet

#AF22F4 is a violet with RGB values 175, 34, 244 and HSL 280°, 91%, 55%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Dark violet.

Colour values

#AF22F4#AF22F4
HEX#AF22F4
RGBrgb(175, 34, 244)
RGB (0–1)0.6863, 0.1333, 0.9569
RGB percentages68.6%, 13.3%, 95.7%
HSLhsl(280.3, 90.5%, 54.5%)
HSV / HSBhsv(280.3, 86.1%, 95.7%)
CMYK28.3%, 86.1%, 0%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,477,748
CSS custom property--colour: #AF22F4;

Brightness & contrast

Relative luminance0.1679WCAG 2.x, 0 is black and 1 is white
Perceived brightness128.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.82:1
Contrast with white4.82:1WCAG normal text: AA
Contrast with black4.36:1WCAG normal text: Fail
Greyscale equivalent#4F4F4F
Inverted#50DD0B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#006CF9no red cones; affects about 1% of men; ΔE 52 from the original
Deuteranopia#0074F0no green cones; the most common form, about 1% of men; ΔE 60.9 from the original
Tritanopia#A55F92no blue cones; rare, and affects men and women equally; ΔE 74.7 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.82:1WCAG large text: AAA
Contrast with black, large text4.36:1WCAG large text: AA

Named colours

Dark violet · ΔE 10.8Blue violet · ΔE 12.7Dark orchid · ΔE 22.5Fuchsia · ΔE 25.6Magenta · ΔE 25.6Medium blue · ΔE 31.4
Nearest named CSS colourDark violet (#9400D3)ΔE 10.83, a distinctly different colour
Hue familyviolet
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#67F422
Analogous#4622F4, #F422D0
Triadic#F4AF22, #22F4AF
Split complementary#D0F422, #22F446
Tetradic#F44622, #67F422, #22D0F4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F5E4FE
Lighter +30%#E4B4FB
Lighter +20%#D283F9
Lighter +10%#C153F6
Darker −10%#950BD8
Darker −20%#7308A8
Darker −30%#520677
Darker −40%#300446
More saturated +25%#B317FF
Less saturated −25%#A53FD7

Channel breakdown

R175
G34
B244
Red175 (68.6%)
Green34 (13.3%)
Blue244 (95.7%)
Hue280.29°
Saturation (HSL)90.52%
Lightness54.51%
Dominant channelBlue
Hex per channelR AF · G 22 · B F4

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