Recognised as Colour

#BADEF0

#BADEF0
Blue
Light
Nearest: Light blue

#BADEF0 is a blue with RGB values 186, 222, 240 and HSL 200°, 64%, 84%. It is a light colour, so black text on it reaches 14.8:1 contrast (AAA for normal text). The nearest named colour is Light blue.

Colour values

#BADEF0#BADEF0

HEX#BADEF0

RGBrgb(186, 222, 240)

RGB (0–1)0.7294, 0.8706, 0.9412

RGB percentages72.9%, 87.1%, 94.1%

HSLhsl(200, 64.3%, 83.5%)

HSV / HSBhsv(200, 22.5%, 94.1%)

CMYK22.5%, 7.5%, 0%, 5.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer12,246,768

CSS custom property--colour: #BADEF0;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 14.79:1

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

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

Greyscale equivalent#D8D8D8

Inverted#45210F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Light blue · ΔE 4.2 Powder blue · ΔE 7.8 Light steelblue · ΔE 10.7 Lavender · ΔE 13.1 Sky blue · ΔE 13.2 Pale turquoise · ΔE 13.8

Nearest named CSS colourLight blue (#ADD8E6)ΔE 4.18, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F0CCBA

Analogous#BAF0E7, #BAC3F0

Triadic#F0BADE, #DEF0BA

Split complementary#F0BAC3, #F0E7BA

Tetradic#E7BAF0, #F0CCBA, #C3F0BA

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#E4F2F9

Darker −10%#90CAE7

Darker −20%#66B6DE

Darker −30%#3CA2D5

Darker −40%#2887B6

More saturated +25%#AFE1FB

Less saturated −25%#C4DAE5

Channel breakdown

R186

G222

B240

Red186 (72.9%)

Green222 (87.1%)

Blue240 (94.1%)

Hue200°

Saturation (HSL)64.29%

Lightness83.53%

Dominant channelBlue

Hex per channelR BA · G DE · B F0

Keep nerding

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

#BADEF0

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