Colour

#BBE2E2

#BBE2E2
Cyan
Light
Nearest: Powder blue

#BBE2E2 is a cyan with RGB values 187, 226, 226 and HSL 180°, 40%, 81%. It is a light colour, so black text on it reaches 15.1:1 contrast (AAA for normal text). The nearest named colour is Powder blue.

Colour values

#BBE2E2#BBE2E2

HEX#BBE2E2

RGBrgb(187, 226, 226)

RGB (0–1)0.7333, 0.8863, 0.8863

RGB percentages73.3%, 88.6%, 88.6%

HSLhsl(180, 40.2%, 81%)

HSV / HSBhsv(180, 17.3%, 88.6%)

CMYK17.3%, 0%, 0%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,313,314

CSS custom property--colour: #BBE2E2;

Brightness & contrast

Relative luminance0.70448WCAG 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 15.09:1

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

Contrast with black15.09:1WCAG normal text: AAA

Greyscale equivalent#DADADA

Inverted#441D1D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text15.09:1WCAG large text: AAA

Named colours

Powder blue · ΔE 4.2 Pale turquoise · ΔE 7.9 Light blue · ΔE 8.2 Light cyan · ΔE 11 Gainsboro · ΔE 13.3 Light grey · ΔE 13.6

Nearest named CSS colourPowder blue (#B0E0E6)ΔE 4.2, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E2BBBB

Analogous#BBE2CF, #BBCFE2

Triadic#E2BBE2, #E2E2BB

Split complementary#E2BBCF, #E2CFBB

Tetradic#CFBBE2, #E2BBBB, #CFE2BB

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#DFF1F1

Darker −10%#97D3D3

Darker −20%#73C4C4

Darker −30%#50B4B4

Darker −40%#3E9393

More saturated +25%#AFEEEE

Less saturated −25%#C7D6D6

Channel breakdown

R187

G226

B226

Red187 (73.3%)

Green226 (88.6%)

Blue226 (88.6%)

Hue180°

Saturation (HSL)40.21%

Lightness80.98%

Dominant channelGreen and Blue

Hex per channelR BB · G E2 · B E2

Keep nerding

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

#BBE2E2

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