Recognised as Colour

#B4DFDF

#B4DFDF
Cyan
Light
Nearest: Powder blue

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

Colour values

#B4DFDF#B4DFDF

HEX#B4DFDF

RGBrgb(180, 223, 223)

RGB (0–1)0.7059, 0.8745, 0.8745

RGB percentages70.6%, 87.5%, 87.5%

HSLhsl(180, 40.2%, 79%)

HSV / HSBhsv(180, 19.3%, 87.5%)

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

24-bit integer11,853,791

CSS custom property--colour: #B4DFDF;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.56:1

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

Contrast with black14.56:1WCAG normal text: AAA

Greyscale equivalent#D6D6D6

Inverted#4B2020

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text14.56:1WCAG large text: AAA

Named colours

Powder blue · ΔE 3.4 Pale turquoise · ΔE 7.3 Light blue · ΔE 7.8 Light cyan · ΔE 12.7 Light grey · ΔE 14.7 Gainsboro · ΔE 14.7

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DFB4B4

Analogous#B4DFCA, #B4CADF

Triadic#DFB4DF, #DFDFB4

Split complementary#DFB4CA, #DFCAB4

Tetradic#CAB4DF, #DFB4B4, #CADFB4

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FBFEFE

Lighter +10%#D8EEEE

Darker −10%#90D0D0

Darker −20%#6DC0C0

Darker −30%#4BAFAF

Darker −40%#3C8B8B

More saturated +25%#A7ECEC

Less saturated −25%#C1D2D2

Channel breakdown

R180

G223

B223

Red180 (70.6%)

Green223 (87.5%)

Blue223 (87.5%)

Hue180°

Saturation (HSL)40.19%

Lightness79.02%

Dominant channelGreen and Blue

Hex per channelR B4 · G DF · B DF

Keep nerding

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

#B4DFDF

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