Colour
#48A7BB
- #48A7BB
- Cyan
- Dark
- Nearest: Cadetblue
#48A7BB is a cyan with RGB values 72, 167, 187 and HSL 190°, 46%, 51%. It is a dark colour, so black text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.
Colour values
#48A7BB#48A7BB
HEX#48A7BB
RGBrgb(72, 167, 187)
RGB (0–1)0.2824, 0.6549, 0.7333
RGB percentages28.2%, 65.5%, 73.3%
HSLhsl(190.4, 45.8%, 50.8%)
HSV / HSBhsv(190.4, 61.5%, 73.3%)
CMYK61.5%, 10.7%, 0%, 26.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,761,531
CSS custom property--colour: #48A7BB;
Brightness & contrast
Relative luminance0.32603WCAG 2.x, 0 is black and 1 is white
Perceived brightness148 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.52:1
Contrast with white2.79:1WCAG normal text: Fail
Contrast with black7.52:1WCAG normal text: AAA
Greyscale equivalent#949494
Inverted#B75844
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.79:1WCAG large text: Fail
Contrast with black, large text7.52:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#BB5C48
Analogous#48BB95, #486EBB
Triadic#BB48A7, #A7BB48
Split complementary#BB486E, #BB9548
Tetradic#9548BB, #BB5C48, #6EBB48
Tints, shades & saturation
Channel breakdown
R72
G167
B187
Red72 (28.2%)
Green167 (65.5%)
Blue187 (73.3%)
Hue190.43°
Saturation (HSL)45.82%
Lightness50.78%
Dominant channelBlue
Hex per channelR 48 · G A7 · B BB
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