Nerdulator> put something in

Recognised as Colour

#B107E3

  • #B107E3
  • Violet
  • Dark
  • Nearest: Dark violet

#B107E3 is a violet with RGB values 177, 7, 227 and HSL 286°, 94%, 46%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Dark violet.

Colour values

#B107E3#B107E3
HEX#B107E3
RGBrgb(177, 7, 227)
RGB (0–1)0.6941, 0.0275, 0.8902
RGB percentages69.4%, 2.7%, 89%
HSLhsl(286.4, 94%, 45.9%)
HSV / HSBhsv(286.4, 96.9%, 89%)
CMYK22%, 96.9%, 0%, 11%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,601,891
CSS custom property--colour: #B107E3;

Brightness & contrast

Relative luminance0.15045WCAG 2.x, 0 is black and 1 is white
Perceived brightness123.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.24:1
Contrast with white5.24:1WCAG normal text: AA
Contrast with black4.01:1WCAG normal text: Fail
Greyscale equivalent#3B3B3B
Inverted#4EF81C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0064E8no red cones; affects about 1% of men; ΔE 54.6 from the original
Deuteranopia#0070DFno green cones; the most common form, about 1% of men; ΔE 66 from the original
Tritanopia#AC5086no blue cones; rare, and affects men and women equally; ΔE 68.5 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.24:1WCAG large text: AAA
Contrast with black, large text4.01:1WCAG large text: AA

Named colours

Dark violet · ΔE 8.5Blue violet · ΔE 13.9Dark orchid · ΔE 19.5Fuchsia · ΔE 23.4Magenta · ΔE 23.4Medium orchid · ΔE 32.8
Nearest named CSS colourDark violet (#9400D3)ΔE 8.51, clearly different but related
Hue familyviolet
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#39E307
Analogous#4307E3, #E307A7
Triadic#E3B107, #07E3B1
Split complementary#A7E307, #07E343
Tetradic#E34307, #39E307, #07A7E3

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#EDB9FD
Lighter +30%#E188FB
Lighter +20%#D556FA
Lighter +10%#C825F8
Darker −10%#8A05B2
Darker −20%#640480
Darker −30%#3D024F
Darker −40%#17011D
More saturated +25%#B500EA
Less saturated −25%#A124C6

Channel breakdown

R177
G7
B227
Red177 (69.4%)
Green7 (2.7%)
Blue227 (89%)
Hue286.36°
Saturation (HSL)94.02%
Lightness45.88%
Dominant channelBlue
Hex per channelR B1 · G 07 · B E3

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