Nerdulator> put something in

Recognised as Colour

#386D6A

  • #386D6A
  • Cyan
  • Dark
  • Nearest: Teal

#386D6A is a cyan with RGB values 56, 109, 106 and HSL 177°, 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

#386D6A#386D6A
HEX#386D6A
RGBrgb(56, 109, 106)
RGB (0–1)0.2196, 0.4275, 0.4157
RGB percentages22%, 42.7%, 41.6%
HSLhsl(176.6, 32.1%, 32.4%)
HSV / HSBhsv(176.6, 48.6%, 42.7%)
CMYK48.6%, 0%, 2.8%, 57.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,698,026
CSS custom property--colour: #386D6A;

Brightness & contrast

Relative luminance0.12819WCAG 2.x, 0 is black and 1 is white
Perceived brightness95.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.89:1
Contrast with white5.89:1WCAG normal text: AA
Contrast with black3.56:1WCAG normal text: Fail
Greyscale equivalent#626262
Inverted#C79295

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#68686Ano red cones; affects about 1% of men; ΔE 19.1 from the original
Deuteranopia#5F616Bno green cones; the most common form, about 1% of men; ΔE 20 from the original
Tritanopia#1D706Cno blue cones; rare, and affects men and women equally; ΔE 6.5 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.89:1WCAG large text: AAA
Contrast with black, large text3.56:1WCAG large text: AA

Named colours

Teal · ΔE 12.8Dark slate grey · ΔE 13.1Dark cyan · ΔE 16.4Dim grey · ΔE 18.9Cadetblue · ΔE 19.1Slate grey · ΔE 20.5
Nearest named CSS colourTeal (#008080)ΔE 12.78, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#6D383B
Analogous#386D4F, #38566D
Triadic#6A386D, #6D6A38
Split complementary#6D3856, #6D4F38
Tetradic#4F386D, #6D383B, #566D38

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A2CFCD
Lighter +30%#80BEBA
Lighter +20%#5EADA8
Lighter +10%#498F8B
Darker −10%#274B49
Darker −20%#152A28
Darker −30%#040808
Darker −40%#000000
More saturated +25%#23827C
Less saturated −25%#4D5858

Channel breakdown

R56
G109
B106
Red56 (22%)
Green109 (42.7%)
Blue106 (41.6%)
Hue176.6°
Saturation (HSL)32.12%
Lightness32.35%
Dominant channelGreen
Hex per channelR 38 · G 6D · B 6A

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

Every value on this page was computed from “386d6a” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.