Nerdulator> put something in

Colour

#B4BCF2

  • #B4BCF2
  • Blue
  • Light
  • Nearest: Light steelblue

#B4BCF2 is a blue with RGB values 180, 188, 242 and HSL 232°, 70%, 83%. It is a light colour, so black text on it reaches 11.4:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#B4BCF2#B4BCF2
HEX#B4BCF2
RGBrgb(180, 188, 242)
RGB (0–1)0.7059, 0.7373, 0.949
RGB percentages70.6%, 73.7%, 94.9%
HSLhsl(232.3, 70.5%, 82.7%)
HSV / HSBhsv(232.3, 25.6%, 94.9%)
CMYK25.6%, 22.3%, 0%, 5.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,844,850
CSS custom property--colour: #B4BCF2;

Brightness & contrast

Relative luminance0.52081WCAG 2.x, 0 is black and 1 is white
Perceived brightness192.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 11.42:1
Contrast with white1.84:1WCAG normal text: Fail
Contrast with black11.42:1WCAG normal text: AAA
Greyscale equivalent#BEBEBE
Inverted#4B430D

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#ADC1F4no red cones; affects about 1% of men; ΔE 4.4 from the original
Deuteranopia#A9BDF1no green cones; the most common form, about 1% of men; ΔE 4 from the original
Tritanopia#A5C6CEno blue cones; rare, and affects men and women equally; ΔE 27 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.84:1WCAG large text: Fail
Contrast with black, large text11.42:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 16.1Thistle · ΔE 19.1Light skyblue · ΔE 19.8Lavender · ΔE 23.7Sky blue · ΔE 24.6Plum · ΔE 24.7
Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 16.07, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F2EAB4
Analogous#B4DBF2, #CBB4F2
Triadic#F2B4BC, #BCF2B4
Split complementary#F2CBB4, #DBF2B4
Tetradic#F2B4DB, #F2EAB4, #B4F2CB

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#DFE3FA
Darker −10%#8995EA
Darker −20%#5D6EE3
Darker −30%#3248DB
Darker −40%#2034BA
More saturated +25%#A9B4FD
Less saturated −25%#BFC4E7

Channel breakdown

R180
G188
B242
Red180 (70.6%)
Green188 (73.7%)
Blue242 (94.9%)
Hue232.26°
Saturation (HSL)70.45%
Lightness82.75%
Dominant channelBlue
Hex per channelR B4 · G BC · B F2

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