Nerdulator> put something in

Recognised as Colour

#BAB5FD

  • #BAB5FD
  • Blue
  • Light
  • Nearest: Plum

#BAB5FD is a blue with RGB values 186, 181, 253 and HSL 244°, 95%, 85%. It is a light colour, so black text on it reaches 11.1:1 contrast (AAA for normal text). The nearest named colour is Plum.

Colour values

#BAB5FD#BAB5FD
HEX#BAB5FD
RGBrgb(186, 181, 253)
RGB (0–1)0.7294, 0.7098, 0.9922
RGB percentages72.9%, 71%, 99.2%
HSLhsl(244.2, 94.7%, 85.1%)
HSV / HSBhsv(244.2, 28.5%, 99.2%)
CMYK26.5%, 28.5%, 0%, 0.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,236,285
CSS custom property--colour: #BAB5FD;

Brightness & contrast

Relative luminance0.50579WCAG 2.x, 0 is black and 1 is white
Perceived brightness192 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 11.12:1
Contrast with white1.89:1WCAG normal text: Fail
Contrast with black11.12:1WCAG normal text: AAA
Greyscale equivalent#BBBBBB
Inverted#454A02

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A2BEFFno red cones; affects about 1% of men; ΔE 11.2 from the original
Deuteranopia#A1BBFBno green cones; the most common form, about 1% of men; ΔE 10.8 from the original
Tritanopia#ABC2CEno blue cones; rare, and affects men and women equally; ΔE 34.5 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.89:1WCAG large text: Fail
Contrast with black, large text11.12:1WCAG large text: AAA

Named colours

Plum · ΔE 20.4Cornflower blue · ΔE 21.8Thistle · ΔE 26.2Light steelblue · ΔE 27Light skyblue · ΔE 28.8Steel blue · ΔE 32
Nearest named CSS colourPlum (#DDA0DD)ΔE 20.43, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F8FDB5
Analogous#B5D4FD, #DEB5FD
Triadic#FDBAB5, #B5FDBA
Split complementary#FDDEB5, #D4FDB5
Tetradic#FDB5D4, #F8FDB5, #B5FDDE

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#E8E7FE
Darker −10%#8C83FC
Darker −20%#5D52FA
Darker −30%#2F20F9
Darker −40%#1506E0
More saturated +25%#B8B3FF
Less saturated −25%#C2BFF4

Channel breakdown

R186
G181
B253
Red186 (72.9%)
Green181 (71%)
Blue253 (99.2%)
Hue244.17°
Saturation (HSL)94.74%
Lightness85.1%
Dominant channelBlue
Hex per channelR BA · G B5 · B FD

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