Colour

#339A68

#339A68
Cyan
Dark
Nearest: Sea green

#339A68 is a cyan with RGB values 51, 154, 104 and HSL 151°, 50%, 40%. It is a dark colour, so black text on it reaches 6:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#339A68#339A68

HEX#339A68

RGBrgb(51, 154, 104)

RGB (0–1)0.2, 0.6039, 0.4078

RGB percentages20%, 60.4%, 40.8%

HSLhsl(150.9, 50.2%, 40.2%)

HSV / HSBhsv(150.9, 66.9%, 60.4%)

CMYK66.9%, 0%, 32.5%, 39.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,381,864

CSS custom property--colour: #339A68;

Brightness & contrast

Relative luminance0.24814WCAG 2.x, 0 is black and 1 is white

Perceived brightness126.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.96:1

Contrast with white3.52:1WCAG normal text: Fail

Contrast with black5.96:1WCAG normal text: AA

Greyscale equivalent#808080

Inverted#CC6597

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#998E65no red cones; affects about 1% of men; ΔE 39.6 from the original

Deuteranopia#8B856Bno green cones; the most common form, about 1% of men; ΔE 39.4 from the original

Tritanopia#00998Dno blue cones; rare, and affects men and women equally; ΔE 21.8 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text3.52:1WCAG large text: AA

Contrast with black, large text5.96:1WCAG large text: AAA

Named colours

Sea green · ΔE 6.1 Medium seagreen · ΔE 12.5 Medium aquamarine · ΔE 21.3 Dark seagreen · ΔE 23.3 Light seagreen · ΔE 26.1 Forest green · ΔE 29.1

Nearest named CSS colourSea green (#2E8B57)ΔE 6.07, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#9A3365

Analogous#339A35, #33989A

Triadic#68339A, #9A6833

Split complementary#9A3398, #9A3533

Tetradic#35339A, #9A3365, #989A33

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#B3E6CD

Lighter +30%#8DD9B4

Lighter +20%#67CC9B

Lighter +10%#40C082

Darker −10%#26744E

Darker −20%#1A4D34

Darker −30%#0D271A

Darker −40%#000101

More saturated +25%#19B469

Less saturated −25%#4D8067

Channel breakdown

R51

G154

B104

Red51 (20%)

Green154 (60.4%)

Blue104 (40.8%)

Hue150.87°

Saturation (HSL)50.24%

Lightness40.2%

Dominant channelGreen

Hex per channelR 33 · G 9A · B 68

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#339A68

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else