#386f74 hex color

In a RGB color space, hex #386f74 is composed of 22% red, 43.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 4.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 185 degrees, a saturation of 34.9% and a lightness of 33.7%. #386f74 color hex could be obtained by blending #70dee8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 44
- B 45
RGB color chart
- C 52
- M 4
- Y 0
- K 55
CMYK color chart

● #386f74 color description : Dark moderate cyan.

The hexadecimal color #386f74 has RGB values of R:56, G:111, B:116 and CMYK values of C:0.52, M:0.04, Y:0, K:0.55. Its decimal value is 3698548.

Hex triplet	386f74	`#386f74`
RGB Decimal	56, 111, 116	`rgb(56,111,116)`
RGB Percent	22, 43.5, 45.5	`rgb(22%,43.5%,45.5%)`
CMYK	52, 4, 0, 55
HSL	185°, 34.9, 33.7	`hsl(185,34.9%,33.7%)`
HSV (or HSB)	185°, 51.7, 45.5
Web Safe	336666	`#336666`

CIE-LAB	43.463, -16.645, -8.391
XYZ	10.467, 13.47, 18.57
xyY	0.246, 0.317, 13.47
CIE-LCH	43.463, 18.641, 206.753
CIE-LUV	43.463, -23.59, -9.25
Hunter-Lab	36.701, -13.321, -4.309
Binary	00111000, 01101111, 01110100

#386f74
```
#386f74 rgb(56,111,116)
```
#743d38
```
#743d38 rgb(116,61,56)
```

Complementary Color

#38745b
```
#38745b rgb(56,116,91)
```
#386f74
```
#386f74 rgb(56,111,116)
```
#385174
```
#385174 rgb(56,81,116)
```

Analogous Color

#745b38
```
#745b38 rgb(116,91,56)
```
#386f74
```
#386f74 rgb(56,111,116)
```
#743851
```
#743851 rgb(116,56,81)
```

Split Complementary Color

#6f7438
```
#6f7438 rgb(111,116,56)
```
#386f74
```
#386f74 rgb(56,111,116)
```
#74386f
```
#74386f rgb(116,56,111)
```

Triadic Color

#38743d
```
#38743d rgb(56,116,61)
```
#386f74
```
#386f74 rgb(56,111,116)
```
#74386f
```
#74386f rgb(116,56,111)
```
#743d38
```
#743d38 rgb(116,61,56)
```

Tetradic Color

#1f3e40
```
#1f3e40 rgb(31,62,64)
```
#274e52
```
#274e52 rgb(39,78,82)
```
#305f63
```
#305f63 rgb(48,95,99)
```
#386f74
```
#386f74 rgb(56,111,116)
```
#407f85
```
#407f85 rgb(64,127,133)
```
#499096
```
#499096 rgb(73,144,150)
```
#51a0a8
```
#51a0a8 rgb(81,160,168)
```

Monochromatic Color

Below, you can see some colors close to #386f74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#38746a
```
#38746a rgb(56,116,106)
```
#38746f
```
#38746f rgb(56,116,111)
```
#387474
```
#387474 rgb(56,116,116)
```
#386f74
```
#386f74 rgb(56,111,116)
```
#386a74
```
#386a74 rgb(56,106,116)
```
#386574
```
#386574 rgb(56,101,116)
```
#386074
```
#386074 rgb(56,96,116)
```

Similar Colors

Text with hexadecimal color #386f74

This text has a font color of #386f74.

<span style="color:#386f74;">Text here</span>

#386f74 background color

This paragraph has a background color of #386f74.

<p style="background-color:#386f74;">Content here</p>

#386f74 border color

This element has a border color of #386f74.

<div style="border:1px solid #386f74;">Content here</div>

CSS codes

.text {color:#386f74;}

.background {background-color:#386f74;}

.border {border:1px solid #386f74;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #050a0a is the darkest color, while #fcfdfe is the lightest one.

#050a0a
```
#050a0a rgb(5,10,10)
```
#0b1617
```
#0b1617 rgb(11,22,23)
```
#122325
```
#122325 rgb(18,35,37)
```
#183032
```
#183032 rgb(24,48,50)
```
#1e3c3f
```
#1e3c3f rgb(30,60,63)
```
#25494c
```
#25494c rgb(37,73,76)
```
#2b565a
```
#2b565a rgb(43,86,90)
```
#326267
```
#326267 rgb(50,98,103)
```
#386f74
```
#386f74 rgb(56,111,116)
```
#3e7c81
```
#3e7c81 rgb(62,124,129)
```
#45888e
```
#45888e rgb(69,136,142)
```
#4b959c
```
#4b959c rgb(75,149,156)
```
#52a2a9
```
#52a2a9 rgb(82,162,169)
```

Shade Color Variation

#5daab1
```
#5daab1 rgb(93,170,177)
```
#6ab1b7
```
#6ab1b7 rgb(106,177,183)
```
#78b8be
```
#78b8be rgb(120,184,190)
```
#85bfc4
```
#85bfc4 rgb(133,191,196)
```
#92c6ca
```
#92c6ca rgb(146,198,202)
```
#9fcdd1
```
#9fcdd1 rgb(159,205,209)
```
#add4d7
```
#add4d7 rgb(173,212,215)
```
#badbde
```
#badbde rgb(186,219,222)
```
#c7e2e4
```
#c7e2e4 rgb(199,226,228)
```
#d4e9ea
```
#d4e9ea rgb(212,233,234)
```
#e1eff1
```
#e1eff1 rgb(225,239,241)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52595a is the less saturated color, while #039ba9 is the most saturated one.

#52595a
```
#52595a rgb(82,89,90)
```
#4c5e60
```
#4c5e60 rgb(76,94,96)
```
#456467
```
#456467 rgb(69,100,103)
```
#3f696d
```
#3f696d rgb(63,105,109)
```
#386f74
```
#386f74 rgb(56,111,116)
```
#31757b
```
#31757b rgb(49,117,123)
```
#2b7a81
```
#2b7a81 rgb(43,122,129)
```
#248088
```
#248088 rgb(36,128,136)
```
#1e858e
```
#1e858e rgb(30,133,142)
```
#178b95
```
#178b95 rgb(23,139,149)
```
#10909c
```
#10909c rgb(16,144,156)
```
#0a96a2
```
#0a96a2 rgb(10,150,162)
```
#039ba9
```
#039ba9 rgb(3,155,169)
```

Tone Color Variation

Below, you can see how #386f74 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5f5f5f Achromatopsia 0.005% of the population
#576263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6d76 Protanopia 1% of men
#706c7e Deuteranopia 1% of men
#43757e Tritanopia 0.001% of the population

Trichromacy

#5a6e75 Protanomaly 1% of men, 0.01% of women
#5c6d7a Deuteranomaly 6% of men, 0.4% of women
#3f737a Tritanomaly 0.01% of the population

#386f74 hex color

#386f74 Color Information

#386f74 Color Conversion

Color Schemes with #386f74

Alternatives to #386f74

#386f74 Preview

Shades and Tints of #386f74

Tones of #386f74

Color Blindness Simulator