#38686f hex color

In a RGB color space, hex #38686f is composed of 22% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 6.3% magenta, 0% yellow and 56.5% black. It has a hue angle of 187.6 degrees, a saturation of 32.9% and a lightness of 32.7%. #38686f color hex could be obtained by blending #70d0de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 41
- B 44
RGB color chart
- C 50
- M 6
- Y 0
- K 56
CMYK color chart

● #38686f color description : Very dark desaturated cyan.

The hexadecimal color #38686f has RGB values of R:56, G:104, B:111 and CMYK values of C:0.5, M:0.06, Y:0, K:0.56. Its decimal value is 3696751.

Hex triplet	38686f	`#38686f`
RGB Decimal	56, 104, 111	`rgb(56,104,111)`
RGB Percent	22, 40.8, 43.5	`rgb(22%,40.8%,43.5%)`
CMYK	50, 6, 0, 56
HSL	187.6°, 32.9, 32.7	`hsl(187.6,32.9%,32.7%)`
HSV (or HSB)	187.6°, 49.5, 43.5
Web Safe	336666	`#336666`

CIE-LAB	41.038, -14.224, -9.002
XYZ	9.45, 11.888, 16.835
xyY	0.248, 0.311, 11.888
CIE-LCH	41.038, 16.834, 212.329
CIE-LUV	41.038, -20.918, -10.298
Hunter-Lab	34.48, -11.419, -4.813
Binary	00111000, 01101000, 01101111

#38686f
```
#38686f rgb(56,104,111)
```
#6f3f38
```
#6f3f38 rgb(111,63,56)
```

Complementary Color

#386f5a
```
#386f5a rgb(56,111,90)
```
#38686f
```
#38686f rgb(56,104,111)
```
#384d6f
```
#384d6f rgb(56,77,111)
```

Analogous Color

#6f5b38
```
#6f5b38 rgb(111,91,56)
```
#38686f
```
#38686f rgb(56,104,111)
```
#6f384d
```
#6f384d rgb(111,56,77)
```

Split Complementary Color

#686f38
```
#686f38 rgb(104,111,56)
```
#38686f
```
#38686f rgb(56,104,111)
```
#6f3868
```
#6f3868 rgb(111,56,104)
```

Triadic Color

#386f3f
```
#386f3f rgb(56,111,63)
```
#38686f
```
#38686f rgb(56,104,111)
```
#6f3868
```
#6f3868 rgb(111,56,104)
```
#6f3f38
```
#6f3f38 rgb(111,63,56)
```

Tetradic Color

#1e383c
```
#1e383c rgb(30,56,60)
```
#27484d
```
#27484d rgb(39,72,77)
```
#2f585e
```
#2f585e rgb(47,88,94)
```
#38686f
```
#38686f rgb(56,104,111)
```
#417880
```
#417880 rgb(65,120,128)
```
#498891
```
#498891 rgb(73,136,145)
```
#5298a2
```
#5298a2 rgb(82,152,162)
```

Monochromatic Color

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

#386f68
```
#386f68 rgb(56,111,104)
```
#386f6d
```
#386f6d rgb(56,111,109)
```
#386d6f
```
#386d6f rgb(56,109,111)
```
#38686f
```
#38686f rgb(56,104,111)
```
#38636f
```
#38636f rgb(56,99,111)
```
#385f6f
```
#385f6f rgb(56,95,111)
```
#385a6f
```
#385a6f rgb(56,90,111)
```

Similar Colors

Text with hexadecimal color #38686f

This text has a font color of #38686f.

<span style="color:#38686f;">Text here</span>

#38686f background color

This paragraph has a background color of #38686f.

<p style="background-color:#38686f;">Content here</p>

#38686f border color

This element has a border color of #38686f.

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

CSS codes

.text {color:#38686f;}

.background {background-color:#38686f;}

.border {border:1px solid #38686f;}

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, #030607 is the darkest color, while #f9fbfc is the lightest one.

#030607
```
#030607 rgb(3,6,7)
```
#0a1214
```
#0a1214 rgb(10,18,20)
```
#111f21
```
#111f21 rgb(17,31,33)
```
#172b2e
```
#172b2e rgb(23,43,46)
```
#1e373b
```
#1e373b rgb(30,55,59)
```
#244348
```
#244348 rgb(36,67,72)
```
#2b5055
```
#2b5055 rgb(43,80,85)
```
#315c62
```
#315c62 rgb(49,92,98)
```
#38686f
```
#38686f rgb(56,104,111)
```
#3f747c
```
#3f747c rgb(63,116,124)
```
#458089
```
#458089 rgb(69,128,137)
```
#4c8d96
```
#4c8d96 rgb(76,141,150)
```
#5299a3
```
#5299a3 rgb(82,153,163)
```

Shade Color Variation

#5ca3ad
```
#5ca3ad rgb(92,163,173)
```
#69aab3
```
#69aab3 rgb(105,170,179)
```
#76b1ba
```
#76b1ba rgb(118,177,186)
```
#83b9c1
```
#83b9c1 rgb(131,185,193)
```
#90c0c7
```
#90c0c7 rgb(144,192,199)
```
#9dc8ce
```
#9dc8ce rgb(157,200,206)
```
#aacfd4
```
#aacfd4 rgb(170,207,212)
```
#b7d6db
```
#b7d6db rgb(183,214,219)
```
#c5dee1
```
#c5dee1 rgb(197,222,225)
```
#d2e5e8
```
#d2e5e8 rgb(210,229,232)
```
#dfedef
```
#dfedef rgb(223,237,239)
```
#ecf4f5
```
#ecf4f5 rgb(236,244,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525555 is the less saturated color, while #058ea2 is the most saturated one.

#525555
```
#525555 rgb(82,85,85)
```
#4b5a5c
```
#4b5a5c rgb(75,90,92)
```
#455e62
```
#455e62 rgb(69,94,98)
```
#3e6369
```
#3e6369 rgb(62,99,105)
```
#38686f
```
#38686f rgb(56,104,111)
```
#326d75
```
#326d75 rgb(50,109,117)
```
#2b727c
```
#2b727c rgb(43,114,124)
```
#257682
```
#257682 rgb(37,118,130)
```
#1e7b89
```
#1e7b89 rgb(30,123,137)
```
#18808f
```
#18808f rgb(24,128,143)
```
#118596
```
#118596 rgb(17,133,150)
```
#0b8a9c
```
#0b8a9c rgb(11,138,156)
```
#058ea2
```
#058ea2 rgb(5,142,162)
```

Tone Color Variation

Below, you can see how #38686f 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

#5a5a5a Achromatopsia 0.005% of the population
#535d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#676872 Protanopia 1% of men
#6a6679 Deuteranopia 1% of men
#426f77 Tritanopia 0.001% of the population

Trichromacy

#566870 Protanomaly 1% of men, 0.01% of women
#576775 Deuteranomaly 6% of men, 0.4% of women
#3e6c74 Tritanomaly 0.01% of the population

#38686f hex color

#38686f Color Information

#38686f Color Conversion

Color Schemes with #38686f

Alternatives to #38686f

#38686f Preview

Shades and Tints of #38686f

Tones of #38686f

Color Blindness Simulator