Colour
#319BB4
- #319BB4
- Cyan
- Dark
- Nearest: Cadetblue
#319BB4 is a cyan with RGB values 49, 155, 180 and HSL 191°, 57%, 45%. It is a dark colour, so black text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Cadetblue.
Colour values
#319BB4#319BB4
HEX#319BB4
RGBrgb(49, 155, 180)
RGB (0–1)0.1922, 0.6078, 0.7059
RGB percentages19.2%, 60.8%, 70.6%
HSLhsl(191.5, 57.2%, 44.9%)
HSV / HSBhsv(191.5, 72.8%, 70.6%)
CMYK72.8%, 13.9%, 0%, 29.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,251,124
CSS custom property--colour: #319BB4;
Brightness & contrast
Relative luminance0.27391WCAG 2.x, 0 is black and 1 is white
Perceived brightness136.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.48:1
Contrast with white3.24:1WCAG normal text: Fail
Contrast with black6.48:1WCAG normal text: AA
Greyscale equivalent#868686
Inverted#CE644B
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.24:1WCAG large text: AA
Contrast with black, large text6.48:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#B44A31
Analogous#31B48C, #3159B4
Triadic#B4319B, #9BB431
Split complementary#B43159, #B48C31
Tetradic#8C31B4, #B44A31, #59B431
Tints, shades & saturation
Channel breakdown
R49
G155
B180
Red49 (19.2%)
Green155 (60.8%)
Blue180 (70.6%)
Hue191.45°
Saturation (HSL)57.21%
Lightness44.9%
Dominant channelBlue
Hex per channelR 31 · G 9B · B B4
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