Colour

#B4B7F1

#B4B7F1
Blue
Dark
Nearest: Light steelblue

#B4B7F1 is a blue with RGB values 180, 183, 241 and HSL 237°, 69%, 83%. It is a dark colour, so black text on it reaches 11:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#B4B7F1#B4B7F1

HEX#B4B7F1

RGBrgb(180, 183, 241)

RGB (0–1)0.7059, 0.7176, 0.9451

RGB percentages70.6%, 71.8%, 94.5%

HSLhsl(237, 68.5%, 82.5%)

HSV / HSBhsv(237, 25.3%, 94.5%)

CMYK25.3%, 24.1%, 0%, 5.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,843,569

CSS custom property--colour: #B4B7F1;

Brightness & contrast

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

Perceived brightness189.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 10.98:1

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

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

Greyscale equivalent#BBBBBB

Inverted#4B480E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light steelblue · ΔE 18.9 Thistle · ΔE 20.4 Light skyblue · ΔE 22.5 Plum · ΔE 22.5 Cornflower blue · ΔE 24.7 Lavender · ΔE 26.2

Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 18.93, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F1EEB4

Analogous#B4D6F1, #D0B4F1

Triadic#F1B4B7, #B7F1B4

Split complementary#F1D0B4, #D6F1B4

Tetradic#F1B4D6, #F1EEB4, #B4F1D0

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#DFE0F9

Darker −10%#898EE9

Darker −20%#5E64E1

Darker −30%#333BD9

Darker −40%#2229B7

More saturated +25%#A9ADFC

Less saturated −25%#BFC1E6

Channel breakdown

R180

G183

B241

Red180 (70.6%)

Green183 (71.8%)

Blue241 (94.5%)

Hue237.05°

Saturation (HSL)68.54%

Lightness82.55%

Dominant channelBlue

Hex per channelR B4 · G B7 · B F1

Keep nerding

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

#B4B7F1

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