Recognised as Colour
#02A4B8
- #02A4B8
- Cyan
- Dark
- Nearest: Dark cyan
#02A4B8 is a cyan with RGB values 2, 164, 184 and HSL 187°, 98%, 36%. It is a dark colour, so black text on it reaches 7:1 contrast (AAA for normal text). The nearest named colour is Dark cyan.
Colour values
#02A4B8#02A4B8
HEX#02A4B8
RGBrgb(2, 164, 184)
RGB (0–1)0.0078, 0.6431, 0.7216
RGB percentages0.8%, 64.3%, 72.2%
HSLhsl(186.6, 97.8%, 36.5%)
HSV / HSBhsv(186.6, 98.9%, 72.2%)
CMYK98.9%, 10.9%, 0%, 27.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer173,240
CSS custom property--colour: #02A4B8;
Brightness & contrast
Relative luminance0.30025WCAG 2.x, 0 is black and 1 is white
Perceived brightness140.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7:1
Contrast with white3:1WCAG normal text: Fail
Contrast with black7:1WCAG normal text: AAA
Greyscale equivalent#838383
Inverted#FD5B47
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3:1WCAG large text: Fail
Contrast with black, large text7:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#B81602
Analogous#02B871, #0249B8
Triadic#B802A4, #A4B802
Split complementary#B80249, #B87102
Tetradic#7102B8, #B81602, #49B802
Tints, shades & saturation
Channel breakdown
R2
G164
B184
Red2 (0.8%)
Green164 (64.3%)
Blue184 (72.2%)
Hue186.59°
Saturation (HSL)97.85%
Lightness36.47%
Dominant channelBlue
Hex per channelR 02 · G A4 · B B8
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