Nerdulator> put something in

Recognised as Colour

#B4D6D1

  • #B4D6D1
  • Cyan
  • Light
  • Nearest: Powder blue

#B4D6D1 is a cyan with RGB values 180, 214, 209 and HSL 171°, 29%, 77%. It is a light colour, so black text on it reaches 13.5:1 contrast (AAA for normal text). The nearest named colour is Powder blue.

Colour values

#B4D6D1#B4D6D1
HEX#B4D6D1
RGBrgb(180, 214, 209)
RGB (0–1)0.7059, 0.8392, 0.8196
RGB percentages70.6%, 83.9%, 82%
HSLhsl(171.2, 29.3%, 77.3%)
HSV / HSBhsv(171.2, 15.9%, 83.9%)
CMYK15.9%, 0%, 2.3%, 16.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,851,473
CSS custom property--colour: #B4D6D1;

Brightness & contrast

Relative luminance0.624WCAG 2.x, 0 is black and 1 is white
Perceived brightness203.8 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 13.48:1
Contrast with white1.56:1WCAG normal text: Fail
Contrast with black13.48:1WCAG normal text: AAA
Greyscale equivalent#CECECE
Inverted#4B292E

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#D2D2D1no red cones; affects about 1% of men; ΔE 12.2 from the original
Deuteranopia#CCCDD2no green cones; the most common form, about 1% of men; ΔE 12.9 from the original
Tritanopia#ABD8D4no blue cones; rare, and affects men and women equally; ΔE 3.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.56:1WCAG large text: Fail
Contrast with black, large text13.48:1WCAG large text: AAA

Named colours

Powder blue · ΔE 7.6Light blue · ΔE 10.3Pale turquoise · ΔE 11.4Light grey · ΔE 12.3Gainsboro · ΔE 13.1Silver · ΔE 13.4
Nearest named CSS colourPowder blue (#B0E0E6)ΔE 7.6, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D6B4B9
Analogous#B4D6C0, #B4CAD6
Triadic#D1B4D6, #D6D1B4
Split complementary#D6B4CA, #D6C0B4
Tetradic#C0B4D6, #D6B4B9, #CAD6B4

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#F6FAF9
Lighter +10%#D5E8E5
Darker −10%#93C4BD
Darker −20%#72B2A9
Darker −30%#559C91
Darker −40%#437B73
More saturated +25%#A6E5DB
Less saturated −25%#C3C8C7

Channel breakdown

R180
G214
B209
Red180 (70.6%)
Green214 (83.9%)
Blue209 (82%)
Hue171.18°
Saturation (HSL)29.31%
Lightness77.25%
Dominant channelGreen
Hex per channelR B4 · G D6 · B D1

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