Recognised as Colour
#84BAD8
- #84BAD8
- Blue
- Dark
- Nearest: Sky blue
#84BAD8 is a blue with RGB values 132, 186, 216 and HSL 201°, 52%, 68%. It is a dark colour, so black text on it reaches 10:1 contrast (AAA for normal text). The nearest named colour is Sky blue.
Colour values
#84BAD8#84BAD8
HEX#84BAD8
RGBrgb(132, 186, 216)
RGB (0–1)0.5176, 0.7294, 0.8471
RGB percentages51.8%, 72.9%, 84.7%
HSLhsl(201.4, 51.9%, 68.2%)
HSV / HSBhsv(201.4, 38.9%, 84.7%)
CMYK38.9%, 13.9%, 0%, 15.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,698,584
CSS custom property--colour: #84BAD8;
Brightness & contrast
Relative luminance0.44981WCAG 2.x, 0 is black and 1 is white
Perceived brightness175.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10:1
Contrast with white2.1:1WCAG normal text: Fail
Contrast with black10:1WCAG normal text: AAA
Greyscale equivalent#B1B1B1
Inverted#7B4527
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.1:1WCAG large text: Fail
Contrast with black, large text10:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#D8A284
Analogous#84D8CC, #8490D8
Triadic#D884BA, #BAD884
Split complementary#D88490, #D8CC84
Tetradic#CC84D8, #D8A284, #90D884
Tints, shades & saturation
Channel breakdown
R132
G186
B216
Red132 (51.8%)
Green186 (72.9%)
Blue216 (84.7%)
Hue201.43°
Saturation (HSL)51.85%
Lightness68.24%
Dominant channelBlue
Hex per channelR 84 · G BA · B D8
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page