Colour

#B2D2D3

#B2D2D3
Cyan
Light
Nearest: Powder blue

#B2D2D3 is a cyan with RGB values 178, 210, 211 and HSL 182°, 27%, 76%. It is a light colour, so black text on it reaches 13.1:1 contrast (AAA for normal text). The nearest named colour is Powder blue.

Colour values

#B2D2D3#B2D2D3

HEX#B2D2D3

RGBrgb(178, 210, 211)

RGB (0–1)0.698, 0.8235, 0.8275

RGB percentages69.8%, 82.4%, 82.7%

HSLhsl(181.8, 27.3%, 76.3%)

HSV / HSBhsv(181.8, 15.6%, 82.7%)

CMYK15.6%, 0.5%, 0%, 17.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer11,719,379

CSS custom property--colour: #B2D2D3;

Brightness & contrast

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

Perceived brightness201.1 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.05:1

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

Contrast with black13.05:1WCAG normal text: AAA

Greyscale equivalent#CBCBCB

Inverted#4D2D2C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text13.05:1WCAG large text: AAA

Named colours

Powder blue · ΔE 6.8 Light blue · ΔE 7.7 Light grey · ΔE 11.4 Silver · ΔE 11.9 Pale turquoise · ΔE 12.5 Gainsboro · ΔE 12.5

Nearest named CSS colourPowder blue (#B0E0E6)ΔE 6.84, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D3B3B2

Analogous#B2D3C3, #B2C2D3

Triadic#D3B2D2, #D2D3B2

Split complementary#D3B2C2, #D3C3B2

Tetradic#C3B2D3, #D3B3B2, #C2D3B2

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#F3F8F8

Lighter +10%#D2E5E6

Darker −10%#92BFC0

Darker −20%#71ACAE

Darker −30%#569496

Darker −40%#437476

More saturated +25%#A3E0E2

Less saturated −25%#C1C4C4

Channel breakdown

R178

G210

B211

Red178 (69.8%)

Green210 (82.4%)

Blue211 (82.7%)

Hue181.82°

Saturation (HSL)27.27%

Lightness76.27%

Dominant channelBlue

Hex per channelR B2 · G D2 · B D3

Keep nerding

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

#B2D2D3

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