Nerdulator> put something in

Recognised as Colour

#B0BAE4

  • #B0BAE4
  • Blue
  • Dark
  • Nearest: Light steelblue

#B0BAE4 is a blue with RGB values 176, 186, 228 and HSL 228°, 49%, 79%. 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

#B0BAE4#B0BAE4
HEX#B0BAE4
RGBrgb(176, 186, 228)
RGB (0–1)0.6902, 0.7294, 0.8941
RGB percentages69%, 72.9%, 89.4%
HSLhsl(228.5, 49.1%, 79.2%)
HSV / HSBhsv(228.5, 22.8%, 89.4%)
CMYK22.8%, 18.4%, 0%, 10.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,582,180
CSS custom property--colour: #B0BAE4;

Brightness & contrast

Relative luminance0.49949WCAG 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.99:1
Contrast with white1.91:1WCAG normal text: Fail
Contrast with black10.99:1WCAG normal text: AAA
Greyscale equivalent#BBBBBB
Inverted#4F451B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#AEBEE6no red cones; affects about 1% of men; ΔE 2.5 from the original
Deuteranopia#ABBAE3no green cones; the most common form, about 1% of men; ΔE 1.8 from the original
Tritanopia#A3C2C8no blue cones; rare, and affects men and women equally; ΔE 21.4 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.99:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 9.9Thistle · ΔE 15.6Light skyblue · ΔE 17.9Lavender · ΔE 20.2Sky blue · ΔE 20.6Light blue · ΔE 21
Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 9.94, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E4DAB0
Analogous#B0D4E4, #C0B0E4
Triadic#E4B0BA, #BAE4B0
Split complementary#E4C0B0, #D4E4B0
Tetradic#E4B0D4, #E4DAB0, #B0E4C0

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FCFCFE
Lighter +10%#D6DBF1
Darker −10%#8A99D7
Darker −20%#6478CA
Darker −30%#4058BB
Darker −40%#334695
More saturated +25%#A3B2F1
Less saturated −25%#BDC2D7

Channel breakdown

R176
G186
B228
Red176 (69%)
Green186 (72.9%)
Blue228 (89.4%)
Hue228.46°
Saturation (HSL)49.06%
Lightness79.22%
Dominant channelBlue
Hex per channelR B0 · G BA · B E4

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