Recognised as Colour
#BAD3BC
- #BAD3BC
- Green
- Light
- Nearest: Light grey
#BAD3BC is a green with RGB values 186, 211, 188 and HSL 125°, 22%, 78%. It is a light colour, so black text on it reaches 13.1:1 contrast (AAA for normal text). The nearest named colour is Light grey.
Colour values
#BAD3BC#BAD3BC
HEX#BAD3BC
RGBrgb(186, 211, 188)
RGB (0–1)0.7294, 0.8275, 0.7373
RGB percentages72.9%, 82.7%, 73.7%
HSLhsl(124.8, 22.1%, 77.8%)
HSV / HSBhsv(124.8, 11.8%, 82.7%)
CMYK11.8%, 0%, 10.9%, 17.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,243,900
CSS custom property--colour: #BAD3BC;
Brightness & contrast
Relative luminance0.60658WCAG 2.x, 0 is black and 1 is white
Perceived brightness201.3 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 13.13:1
Contrast with white1.6:1WCAG normal text: Fail
Contrast with black13.13:1WCAG normal text: AAA
Greyscale equivalent#CCCCCC
Inverted#452C43
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.6:1WCAG large text: Fail
Contrast with black, large text13.13:1WCAG large text: AAA
Named colours
Hue familygreen
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#D3BAD1
Analogous#C4D3BA, #BAD3C9
Triadic#BCBAD3, #D3BCBA
Split complementary#C9BAD3, #D3BAC4
Tetradic#BAC4D3, #D3BAD1, #D3C9BA
Tints, shades & saturation
Channel breakdown
R186
G211
B188
Red186 (72.9%)
Green211 (82.7%)
Blue188 (73.7%)
Hue124.8°
Saturation (HSL)22.12%
Lightness77.84%
Dominant channelGreen
Hex per channelR BA · G D3 · B BC
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