Nerdulator> put something in

Recognised as Colour

#BBDEF6

  • #BBDEF6
  • Blue
  • Light
  • Nearest: Light blue

#BBDEF6 is a blue with RGB values 187, 222, 246 and HSL 204°, 77%, 85%. It is a light colour, so black text on it reaches 14.9:1 contrast (AAA for normal text). The nearest named colour is Light blue.

Colour values

#BBDEF6#BBDEF6
HEX#BBDEF6
RGBrgb(187, 222, 246)
RGB (0–1)0.7333, 0.8706, 0.9647
RGB percentages73.3%, 87.1%, 96.5%
HSLhsl(204.4, 76.6%, 84.9%)
HSV / HSBhsv(204.4, 24%, 96.5%)
CMYK24%, 9.8%, 0%, 3.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,312,310
CSS custom property--colour: #BBDEF6;

Brightness & contrast

Relative luminance0.69461WCAG 2.x, 0 is black and 1 is white
Perceived brightness215.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.89:1
Contrast with white1.41:1WCAG normal text: Fail
Contrast with black14.89:1WCAG normal text: AAA
Greyscale equivalent#D8D8D8
Inverted#442109

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#D4DDF7no red cones; affects about 1% of men; ΔE 8.7 from the original
Deuteranopia#CCD6F6no green cones; the most common form, about 1% of men; ΔE 9.5 from the original
Tritanopia#AAE4E6no blue cones; rare, and affects men and women equally; ΔE 14.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.41:1WCAG large text: Fail
Contrast with black, large text14.89:1WCAG large text: AAA

Named colours

Light blue · ΔE 6.8Light steelblue · ΔE 9.7Powder blue · ΔE 10.8Lavender · ΔE 12.6Sky blue · ΔE 12.8Light skyblue · ΔE 15.5
Nearest named CSS colourLight blue (#ADD8E6)ΔE 6.76, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F6D3BB
Analogous#BBF6F1, #BBC1F6
Triadic#F6BBDE, #DEF6BB
Split complementary#F6BBC1, #F6F1BB
Tetradic#F1BBF6, #F6D3BB, #C1F6BB

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#E8F4FC
Darker −10%#8EC8F0
Darker −20%#61B2EA
Darker −30%#349CE4
Darker −40%#1B83CA
More saturated +25%#B2E0FF
Less saturated −25%#C5DCEC

Channel breakdown

R187
G222
B246
Red187 (73.3%)
Green222 (87.1%)
Blue246 (96.5%)
Hue204.41°
Saturation (HSL)76.62%
Lightness84.9%
Dominant channelBlue
Hex per channelR BB · G DE · B F6

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