Colour

#33846A

#33846A
Cyan
Dark
Nearest: Teal

#33846A is a cyan with RGB values 51, 132, 106 and HSL 161°, 44%, 36%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#33846A#33846A

HEX#33846A

RGBrgb(51, 132, 106)

RGB (0–1)0.2, 0.5176, 0.4157

RGB percentages20%, 51.8%, 41.6%

HSLhsl(160.7, 44.3%, 35.9%)

HSV / HSBhsv(160.7, 61.4%, 51.8%)

CMYK61.4%, 0%, 19.7%, 48.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,376,234

CSS custom property--colour: #33846A;

Brightness & contrast

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

Perceived brightness110.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.65:1

Contrast with white4.52:1WCAG normal text: AA

Contrast with black4.65:1WCAG normal text: AA

Greyscale equivalent#717171

Inverted#CC7B95

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#817B69no red cones; affects about 1% of men; ΔE 30.6 from the original

Deuteranopia#75736Cno green cones; the most common form, about 1% of men; ΔE 30.8 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text4.52:1WCAG large text: AAA

Contrast with black, large text4.65:1WCAG large text: AAA

Named colours

Teal · ΔE 15.5 Sea green · ΔE 15.8 Dark cyan · ΔE 16 Cadetblue · ΔE 21.6 Light seagreen · ΔE 21.6 Dark seagreen · ΔE 26.1

Nearest named CSS colourTeal (#008080)ΔE 15.53, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#84334D

Analogous#338442, #337584

Triadic#6A3384, #846A33

Split complementary#843375, #844233

Tetradic#423384, #84334D, #758433

Tints, shades & saturation

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

Lighter +40%#A6DDCB

Lighter +30%#81CFB6

Lighter +20%#5DC0A0

Lighter +10%#41A988

Darker −10%#255F4C

Darker −20%#173A2F

Darker −30%#081611

Darker −40%#000000

More saturated +25%#1C9B72

Less saturated −25%#4A6D62

Channel breakdown

R51

G132

B106

Red51 (20%)

Green132 (51.8%)

Blue106 (41.6%)

Hue160.74°

Saturation (HSL)44.26%

Lightness35.88%

Dominant channelGreen

Hex per channelR 33 · G 84 · B 6A

Keep nerding

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

#33846A

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