Nerdulator> put something in

Colour

#BADCE4

  • #BADCE4
  • Cyan
  • Light
  • Nearest: Light blue

#BADCE4 is a cyan with RGB values 186, 220, 228 and HSL 191°, 44%, 81%. It is a light colour, so black text on it reaches 14.4:1 contrast (AAA for normal text). The nearest named colour is Light blue.

Colour values

#BADCE4#BADCE4
HEX#BADCE4
RGBrgb(186, 220, 228)
RGB (0–1)0.7294, 0.8627, 0.8941
RGB percentages72.9%, 86.3%, 89.4%
HSLhsl(191.4, 43.8%, 81.2%)
HSV / HSBhsv(191.4, 18.4%, 89.4%)
CMYK18.4%, 3.5%, 0%, 10.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,246,244
CSS custom property--colour: #BADCE4;

Brightness & contrast

Relative luminance0.67227WCAG 2.x, 0 is black and 1 is white
Perceived brightness211.4 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.45:1
Contrast with white1.45:1WCAG normal text: Fail
Contrast with black14.45:1WCAG normal text: AAA
Greyscale equivalent#D5D5D5
Inverted#45231B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#D6D9E5no red cones; affects about 1% of men; ΔE 10.9 from the original
Deuteranopia#CED4E4no green cones; the most common form, about 1% of men; ΔE 10.6 from the original
Tritanopia#AEE0DEno blue cones; rare, and affects men and women equally; ΔE 7.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.45:1WCAG large text: Fail
Contrast with black, large text14.45:1WCAG large text: AAA

Named colours

Light blue · ΔE 4.5Powder blue · ΔE 4.7Pale turquoise · ΔE 11.2Light grey · ΔE 12.2Gainsboro · ΔE 12.4Light cyan · ΔE 13
Nearest named CSS colourLight blue (#ADD8E6)ΔE 4.47, a close match
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E4C2BA
Analogous#BAE4D7, #BAC7E4
Triadic#E4BADC, #DCE4BA
Split complementary#E4BAC7, #E4D7BA
Tetradic#D7BAE4, #E4C2BA, #C7E4BA

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#DFEFF2
Darker −10%#95C9D6
Darker −20%#71B7C7
Darker −30%#4CA4B9
Darker −40%#3B8597
More saturated +25%#AEE3F0
Less saturated −25%#C6D5D8

Channel breakdown

R186
G220
B228
Red186 (72.9%)
Green220 (86.3%)
Blue228 (89.4%)
Hue191.43°
Saturation (HSL)43.75%
Lightness81.18%
Dominant channelBlue
Hex per channelR BA · G DC · B E4

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