Colour
#368A76
- #368A76
- Cyan
- Dark
- Nearest: Dark cyan
#368A76 is a cyan with RGB values 54, 138, 118 and HSL 166°, 44%, 38%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Dark cyan.
Colour values
#368A76#368A76
HEX#368A76
RGBrgb(54, 138, 118)
RGB (0–1)0.2118, 0.5412, 0.4627
RGB percentages21.2%, 54.1%, 46.3%
HSLhsl(165.7, 43.7%, 37.6%)
HSV / HSBhsv(165.7, 60.9%, 54.1%)
CMYK60.9%, 0%, 14.5%, 45.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,574,390
CSS custom property--colour: #368A76;
Brightness & contrast
Relative luminance0.20269WCAG 2.x, 0 is black and 1 is white
Perceived brightness116.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.05:1
Contrast with white4.16:1WCAG normal text: Fail
Contrast with black5.05:1WCAG normal text: AA
Greyscale equivalent#777777
Inverted#C97589
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.16:1WCAG large text: AA
Contrast with black, large text5.05:1WCAG large text: AAA
Named colours
Hue familycyan
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#8A364A
Analogous#368A4C, #36748A
Triadic#76368A, #8A7636
Split complementary#8A3674, #8A4C36
Tetradic#4C368A, #8A364A, #748A36
Tints, shades & saturation
Channel breakdown
R54
G138
B118
Red54 (21.2%)
Green138 (54.1%)
Blue118 (46.3%)
Hue165.71°
Saturation (HSL)43.75%
Lightness37.65%
Dominant channelGreen
Hex per channelR 36 · G 8A · B 76
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