Colour

#BAB2F0

#BAB2F0
Blue
Dark
Nearest: Plum

#BAB2F0 is a blue with RGB values 186, 178, 240 and HSL 248°, 67%, 82%. It is a dark colour, so black text on it reaches 10.7:1 contrast (AAA for normal text). The nearest named colour is Plum.

Colour values

#BAB2F0#BAB2F0

HEX#BAB2F0

RGBrgb(186, 178, 240)

RGB (0–1)0.7294, 0.698, 0.9412

RGB percentages72.9%, 69.8%, 94.1%

HSLhsl(247.7, 67.4%, 82%)

HSV / HSBhsv(247.7, 25.8%, 94.1%)

CMYK22.5%, 25.8%, 0%, 5.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,235,504

CSS custom property--colour: #BAB2F0;

Brightness & contrast

Relative luminance0.48571WCAG 2.x, 0 is black and 1 is white

Perceived brightness188.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 10.71:1

Contrast with white1.96:1WCAG normal text: Fail

Contrast with black10.71:1WCAG normal text: AAA

Greyscale equivalent#B8B8B8

Inverted#454D0F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A3BAF3no red cones; affects about 1% of men; ΔE 10.4 from the original

Deuteranopia#A3B8EEno green cones; the most common form, about 1% of men; ΔE 10.5 from the original

Tritanopia#AFBCC8no blue cones; rare, and affects men and women equally; ΔE 28.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.96:1WCAG large text: Fail

Contrast with black, large text10.71:1WCAG large text: AAA

Named colours

Plum · ΔE 18.7 Thistle · ΔE 21.3 Light steelblue · ΔE 22.6 Cornflower blue · ΔE 24.4 Light skyblue · ΔE 26.9 Lavender · ΔE 28.7

Nearest named CSS colourPlum (#DDA0DD)ΔE 18.72, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#E8F0B2

Analogous#B2C9F0, #D9B2F0

Triadic#F0BAB2, #B2F0BA

Split complementary#F0D9B2, #C9F0B2

Tetradic#F0B2C9, #E8F0B2, #B2F0D9

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#E0DDF8

Darker −10%#9487E8

Darker −20%#6D5DDF

Darker −30%#4732D7

Darker −40%#3523B3

More saturated +25%#B1A6FC

Less saturated −25%#C3BDE4

Channel breakdown

R186

G178

B240

Red186 (72.9%)

Green178 (69.8%)

Blue240 (94.1%)

Hue247.74°

Saturation (HSL)67.39%

Lightness81.96%

Dominant channelBlue

Hex per channelR BA · G B2 · B F0

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#BAB2F0

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else