Nerdulator> put something in

Colour

#B302FF

  • #B302FF
  • Violet
  • Dark
  • Nearest: Dark violet

#B302FF is a violet with RGB values 179, 2, 255 and HSL 282°, 100%, 50%. 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

#B302FF#B302FF
HEX#B302FF
RGBrgb(179, 2, 255)
RGB (0–1)0.702, 0.0078, 1
RGB percentages70.2%, 0.8%, 100%
HSLhsl(282, 100%, 50.4%)
HSV / HSBhsv(282, 99.2%, 100%)
CMYK29.8%, 99.2%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,731,711
CSS custom property--colour: #B302FF;

Brightness & contrast

Relative luminance0.16847WCAG 2.x, 0 is black and 1 is white
Perceived brightness130.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.81:1
Contrast with white4.81:1WCAG normal text: AA
Contrast with black4.37:1WCAG normal text: Fail
Greyscale equivalent#3A3A3A
Inverted#4CFD00

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#006CFFno red cones; affects about 1% of men; ΔE 56.5 from the original
Deuteranopia#0074FBno green cones; the most common form, about 1% of men; ΔE 63.5 from the original
Tritanopia#A75E96no blue cones; rare, and affects men and women equally; ΔE 80.8 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.81:1WCAG large text: AAA
Contrast with black, large text4.37:1WCAG large text: AA

Named colours

Dark violet · ΔE 18Blue violet · ΔE 20Fuchsia · ΔE 26Magenta · ΔE 26Dark orchid · ΔE 31.3Blue · ΔE 32.1
Nearest named CSS colourDark violet (#9400D3)ΔE 17.96, a distinctly different colour
Hue familyviolet
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#4EFF02
Analogous#3402FF, #FF02CD
Triadic#FFB302, #02FFB3
Split complementary#CCFF02, #02FF35
Tetradic#FF3502, #4EFF02, #02CCFF

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F0CEFF
Lighter +30%#E19BFF
Lighter +20%#D268FF
Lighter +10%#C235FF
Darker −10%#9000CE
Darker −20%#6C009B
Darker −30%#490068
Darker −40%#250035
More saturated +25%#B302FF
Less saturated −25%#A622DF

Channel breakdown

R179
G2
B255
Red179 (70.2%)
Green2 (0.8%)
Blue255 (100%)
Hue281.98°
Saturation (HSL)100%
Lightness50.39%
Dominant channelBlue
Hex per channelR B3 · G 02 · B FF

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