Recognised as Colour
#338A97
- #338A97
- Cyan
- Dark
- Nearest: Teal
#338A97 is a cyan with RGB values 51, 138, 151 and HSL 188°, 50%, 40%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Teal.
Colour values
#338A97#338A97
HEX#338A97
RGBrgb(51, 138, 151)
RGB (0–1)0.2, 0.5412, 0.5922
RGB percentages20%, 54.1%, 59.2%
HSLhsl(187.8, 49.5%, 39.6%)
HSV / HSBhsv(187.8, 66.2%, 59.2%)
CMYK66.2%, 8.6%, 0%, 40.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,377,815
CSS custom property--colour: #338A97;
Brightness & contrast
Relative luminance0.21115WCAG 2.x, 0 is black and 1 is white
Perceived brightness120.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.22:1
Contrast with white4.02:1WCAG normal text: Fail
Contrast with black5.22:1WCAG normal text: AA
Greyscale equivalent#787878
Inverted#CC7568
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.02:1WCAG large text: AA
Contrast with black, large text5.22:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#974033
Analogous#339772, #335897
Triadic#97338A, #8A9733
Split complementary#973358, #977233
Tetradic#723397, #974033, #589733
Tints, shades & saturation
Channel breakdown
R51
G138
B151
Red51 (20%)
Green138 (54.1%)
Blue151 (59.2%)
Hue187.8°
Saturation (HSL)49.5%
Lightness39.61%
Dominant channelBlue
Hex per channelR 33 · G 8A · B 97
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