Recognised as Colour

#386A82

#386A82
Cyan
Dark
Nearest: Slate grey

#386A82 is a cyan with RGB values 56, 106, 130 and HSL 199°, 40%, 36%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#386A82#386A82

HEX#386A82

RGBrgb(56, 106, 130)

RGB (0–1)0.2196, 0.4157, 0.5098

RGB percentages22%, 41.6%, 51%

HSLhsl(199.5, 39.8%, 36.5%)

HSV / HSBhsv(199.5, 56.9%, 51%)

CMYK56.9%, 18.5%, 0%, 49%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,697,282

CSS custom property--colour: #386A82;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.91:1

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

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

Greyscale equivalent#616161

Inverted#C7957D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5E6983no red cones; affects about 1% of men; ΔE 12.1 from the original

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

Tritanopia#007172no blue cones; rare, and affects men and women equally; ΔE 19.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 15 Light slate grey · ΔE 17 Steel blue · ΔE 17.9 Dark slate grey · ΔE 18.6 Dim grey · ΔE 20.8 Teal · ΔE 22.6

Nearest named CSS colourSlate grey (#708090)ΔE 14.97, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#825038

Analogous#388275, #384582

Triadic#82386A, #6A8238

Split complementary#823845, #827538

Tetradic#753882, #825038, #458238

Tints, shades & saturation

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

Lighter +40%#ABCBDB

Lighter +30%#87B5CC

Lighter +20%#64A0BC

Lighter +10%#4787A6

Darker −10%#294D5E

Darker −20%#19303B

Darker −30%#0A1317

Darker −40%#000000

More saturated +25%#217299

Less saturated −25%#4F626B

Channel breakdown

R56

G106

B130

Red56 (22%)

Green106 (41.6%)

Blue130 (51%)

Hue199.46°

Saturation (HSL)39.78%

Lightness36.47%

Dominant channelBlue

Hex per channelR 38 · G 6A · B 82

Keep nerding

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

#386A82

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