colorhexa.com

#386266 hex color

In a RGB color space, hex #386266 is composed of 22% red, 38.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 3.9% magenta, 0% yellow and 60% black. It has a hue angle of 185.2 degrees, a saturation of 29.1% and a lightness of 31%. #386266 color hex could be obtained by blending #70c4cc with #000000. Closest websafe color is: #336666.

- R 22
- G 38
- B 40
RGB color chart
- C 45
- M 4
- Y 0
- K 60
CMYK color chart

● #386266 color description : Very dark desaturated cyan.

The hexadecimal color #386266 has RGB values of R:56, G:98, B:102 and CMYK values of C:0.45, M:0.04, Y:0, K:0.6. Its decimal value is 3695206.

Hex triplet	386266	`#386266`
RGB Decimal	56, 98, 102	`rgb(56,98,102)`
RGB Percent	22, 38.4, 40	`rgb(22%,38.4%,40%)`
CMYK	45, 4, 0, 60
HSL	185.2°, 29.1, 31	`hsl(185.2,29.1%,31%)`
HSV (or HSB)	185.2°, 45.1, 40
Web Safe	336666	`#336666`

CIE-LAB	38.786, -13.464, -6.871
XYZ	8.396, 10.535, 14.161
xyY	0.254, 0.318, 10.535
CIE-LCH	38.786, 15.116, 207.038
CIE-LUV	38.786, -18.692, -7.294
Hunter-Lab	32.458, -10.626, -3.147
Binary	00111000, 01100010, 01100110

#386266
```
#386266 rgb(56,98,102)
```
#663c38
```
#663c38 rgb(102,60,56)
```

Complementary Color

#386653
```
#386653 rgb(56,102,83)
```
#386266
```
#386266 rgb(56,98,102)
```
#384b66
```
#384b66 rgb(56,75,102)
```

Analogous Color

#665338
```
#665338 rgb(102,83,56)
```
#386266
```
#386266 rgb(56,98,102)
```
#66384b
```
#66384b rgb(102,56,75)
```

Split Complementary Color

#626638
```
#626638 rgb(98,102,56)
```
#386266
```
#386266 rgb(56,98,102)
```
#663862
```
#663862 rgb(102,56,98)
```

Triadic Color

#1d3335
```
#1d3335 rgb(29,51,53)
```
#264245
```
#264245 rgb(38,66,69)
```
#2f5256
```
#2f5256 rgb(47,82,86)
```
#386266
```
#386266 rgb(56,98,102)
```
#417276
```
#417276 rgb(65,114,118)
```
#4a8287
```
#4a8287 rgb(74,130,135)
```
#539197
```
#539197 rgb(83,145,151)
```

Monochromatic Color

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

#38665f
```
#38665f rgb(56,102,95)
```
#386662
```
#386662 rgb(56,102,98)
```
#386666
```
#386666 rgb(56,102,102)
```
#386266
```
#386266 rgb(56,98,102)
```
#385e66
```
#385e66 rgb(56,94,102)
```
#385a66
```
#385a66 rgb(56,90,102)
```
#385766
```
#385766 rgb(56,87,102)
```

Similar Colors

Text with hexadecimal color #386266

This text has a font color of #386266.

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

#386266 background color

This paragraph has a background color of #386266.

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

#386266 border color

This element has a border color of #386266.

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

CSS codes

.text {color:#386266;}

.background {background-color:#386266;}

.border {border:1px solid #386266;}

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0d
```
#070d0d rgb(7,13,13)
```
#0e191a
```
#0e191a rgb(14,25,26)
```
#152527
```
#152527 rgb(21,37,39)
```
#1c3133
```
#1c3133 rgb(28,49,51)
```
#233e40
```
#233e40 rgb(35,62,64)
```
#2a4a4d
```
#2a4a4d rgb(42,74,77)
```
#315659
```
#315659 rgb(49,86,89)
```
#386266
```
#386266 rgb(56,98,102)
```
#3f6e73
```
#3f6e73 rgb(63,110,115)
```
#467a7f
```
#467a7f rgb(70,122,127)
```
#4d868c
```
#4d868c rgb(77,134,140)
```
#549399
```
#549399 rgb(84,147,153)
```

Shade Color Variation

#5b9fa5
```
#5b9fa5 rgb(91,159,165)
```
#68a6ac
```
#68a6ac rgb(104,166,172)
```
#74adb3
```
#74adb3 rgb(116,173,179)
```
#81b5ba
```
#81b5ba rgb(129,181,186)
```
#8ebcc1
```
#8ebcc1 rgb(142,188,193)
```
#9ac4c8
```
#9ac4c8 rgb(154,196,200)
```
#a7cbcf
```
#a7cbcf rgb(167,203,207)
```
#b4d3d6
```
#b4d3d6 rgb(180,211,214)
```
#c0dadd
```
#c0dadd rgb(192,218,221)
```
#cde2e4
```
#cde2e4 rgb(205,226,228)
```
#dae9eb
```
#dae9eb rgb(218,233,235)
```
#e6f1f1
```
#e6f1f1 rgb(230,241,241)
```
#f3f8f8
```
#f3f8f8 rgb(243,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5354 is the less saturated color, while #018f9d is the most saturated one.

#4a5354
```
#4a5354 rgb(74,83,84)
```
#44585a
```
#44585a rgb(68,88,90)
```
#3e5d60
```
#3e5d60 rgb(62,93,96)
```
#386266
```
#386266 rgb(56,98,102)
```
#32676c
```
#32676c rgb(50,103,108)
```
#2c6c72
```
#2c6c72 rgb(44,108,114)
```
#267178
```
#267178 rgb(38,113,120)
```
#20767e
```
#20767e rgb(32,118,126)
```
#1a7b84
```
#1a7b84 rgb(26,123,132)
```
#14808a
```
#14808a rgb(20,128,138)
```
#0d8591
```
#0d8591 rgb(13,133,145)
```
#078a97
```
#078a97 rgb(7,138,151)
```
#018f9d
```
#018f9d rgb(1,143,157)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#505859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63636a Protanopia 1% of men
#666171 Deuteranopia 1% of men
#436971 Tritanopia 0.001% of the population

Trichromacy

#536268 Protanomaly 1% of men, 0.01% of women
#55616d Deuteranomaly 6% of men, 0.4% of women
#3f666d Tritanomaly 0.01% of the population