Colour

#386D65

#386D65
Cyan
Dark
Nearest: Teal

#386D65 is a cyan with RGB values 56, 109, 101 and HSL 171°, 32%, 32%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#386D65#386D65

HEX#386D65

RGBrgb(56, 109, 101)

RGB (0–1)0.2196, 0.4275, 0.3961

RGB percentages22%, 42.7%, 39.6%

HSLhsl(170.9, 32.1%, 32.4%)

HSV / HSBhsv(170.9, 48.6%, 42.7%)

CMYK48.6%, 0%, 7.3%, 57.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,698,021

CSS custom property--colour: #386D65;

Brightness & contrast

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

Perceived brightness95.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.93:1

Contrast with white5.93:1WCAG normal text: AA

Contrast with black3.54:1WCAG normal text: Fail

Greyscale equivalent#616161

Inverted#C7929A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#696865no red cones; affects about 1% of men; ΔE 19.9 from the original

Deuteranopia#606166no green cones; the most common form, about 1% of men; ΔE 20.6 from the original

Tritanopia#206F6Ano blue cones; rare, and affects men and women equally; ΔE 5.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.93:1WCAG large text: AAA

Contrast with black, large text3.54:1WCAG large text: AA

Named colours

Teal · ΔE 13.1 Dark slate grey · ΔE 14 Dark cyan · ΔE 16.7 Cadetblue · ΔE 19.9 Dim grey · ΔE 20 Slate grey · ΔE 22.7

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6D3840

Analogous#386D4A, #385B6D

Triadic#65386D, #6D6538

Split complementary#6D385A, #6D4A38

Tetradic#4A386D, #6D3840, #5B6D38

Tints, shades & saturation

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

Lighter +40%#A2CFC8

Lighter +30%#80BEB5

Lighter +20%#5EADA1

Lighter +10%#498F84

Darker −10%#274B46

Darker −20%#152A27

Darker −30%#040807

Darker −40%#000000

More saturated +25%#238273

Less saturated −25%#4D5857

Channel breakdown

R56

G109

B101

Red56 (22%)

Green109 (42.7%)

Blue101 (39.6%)

Hue170.94°

Saturation (HSL)32.12%

Lightness32.35%

Dominant channelGreen

Hex per channelR 38 · G 6D · B 65

Keep nerding

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

#386D65

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