#286c64 hex color

In a RGB color space, hex #286c64 is composed of 15.7% red, 42.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 7.4% yellow and 57.6% black. It has a hue angle of 172.9 degrees, a saturation of 45.9% and a lightness of 29%. #286c64 color hex could be obtained by blending #50d8c8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 42
- B 39
RGB color chart
- C 63
- M 0
- Y 7
- K 58
CMYK color chart

● #286c64 color description : Very dark cyan.

The hexadecimal color #286c64 has RGB values of R:40, G:108, B:100 and CMYK values of C:0.63, M:0, Y:0.07, K:0.58. Its decimal value is 2649188.

Hex triplet	286c64	`#286c64`
RGB Decimal	40, 108, 100	`rgb(40,108,100)`
RGB Percent	15.7, 42.4, 39.2	`rgb(15.7%,42.4%,39.2%)`
CMYK	63, 0, 7, 58
HSL	172.9°, 45.9, 29	`hsl(172.9,45.9%,29%)`
HSV (or HSB)	172.9°, 63, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.368, -23.354, -1.893
XYZ	8.537, 12.096, 13.941
xyY	0.247, 0.35, 12.096
CIE-LCH	41.368, 23.43, 184.633
CIE-LUV	41.368, -27.167, 0.704
Hunter-Lab	34.779, -17.046, 0.579
Binary	00101000, 01101100, 01100100

#286c64
```
#286c64 rgb(40,108,100)
```
#6c2830
```
#6c2830 rgb(108,40,48)
```

Complementary Color

#286c42
```
#286c42 rgb(40,108,66)
```
#286c64
```
#286c64 rgb(40,108,100)
```
#28526c
```
#28526c rgb(40,82,108)
```

Analogous Color

#6c4228
```
#6c4228 rgb(108,66,40)
```
#286c64
```
#286c64 rgb(40,108,100)
```
#6c2852
```
#6c2852 rgb(108,40,82)
```

Split Complementary Color

#6c6428
```
#6c6428 rgb(108,100,40)
```
#286c64
```
#286c64 rgb(40,108,100)
```
#64286c
```
#64286c rgb(100,40,108)
```

Triadic Color

#306c28
```
#306c28 rgb(48,108,40)
```
#286c64
```
#286c64 rgb(40,108,100)
```
#64286c
```
#64286c rgb(100,40,108)
```
#6c2830
```
#6c2830 rgb(108,40,48)
```

Tetradic Color

#133430
```
#133430 rgb(19,52,48)
```
#1a4742
```
#1a4742 rgb(26,71,66)
```
#215953
```
#215953 rgb(33,89,83)
```
#286c64
```
#286c64 rgb(40,108,100)
```
#2f7f75
```
#2f7f75 rgb(47,127,117)
```
#369186
```
#369186 rgb(54,145,134)
```
#3da498
```
#3da498 rgb(61,164,152)
```

Monochromatic Color

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

#286c53
```
#286c53 rgb(40,108,83)
```
#286c59
```
#286c59 rgb(40,108,89)
```
#286c5e
```
#286c5e rgb(40,108,94)
```
#286c64
```
#286c64 rgb(40,108,100)
```
#286c6a
```
#286c6a rgb(40,108,106)
```
#28696c
```
#28696c rgb(40,105,108)
```
#28636c
```
#28636c rgb(40,99,108)
```

Similar Colors

Text with hexadecimal color #286c64

This text has a font color of #286c64.

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

#286c64 background color

This paragraph has a background color of #286c64.

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

#286c64 border color

This element has a border color of #286c64.

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

CSS codes

.text {color:#286c64;}

.background {background-color:#286c64;}

.border {border:1px solid #286c64;}

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

#030807
```
#030807 rgb(3,8,7)
```
#081614
```
#081614 rgb(8,22,20)
```
#0d2422
```
#0d2422 rgb(13,36,34)
```
#13332f
```
#13332f rgb(19,51,47)
```
#18413c
```
#18413c rgb(24,65,60)
```
#1d4f49
```
#1d4f49 rgb(29,79,73)
```
#235e57
```
#235e57 rgb(35,94,87)
```
#286c64
```
#286c64 rgb(40,108,100)
```
#2d7a71
```
#2d7a71 rgb(45,122,113)
```
#33897f
```
#33897f rgb(51,137,127)
```
#38978c
```
#38978c rgb(56,151,140)
```
#3da599
```
#3da599 rgb(61,165,153)
```
#43b4a6
```
#43b4a6 rgb(67,180,166)
```

Shade Color Variation

#4dbdb0
```
#4dbdb0 rgb(77,189,176)
```
#5bc2b6
```
#5bc2b6 rgb(91,194,182)
```
#69c8bc
```
#69c8bc rgb(105,200,188)
```
#78cdc3
```
#78cdc3 rgb(120,205,195)
```
#86d2c9
```
#86d2c9 rgb(134,210,201)
```
#94d7d0
```
#94d7d0 rgb(148,215,208)
```
#a3ddd6
```
#a3ddd6 rgb(163,221,214)
```
#b1e2dc
```
#b1e2dc rgb(177,226,220)
```
#bfe7e3
```
#bfe7e3 rgb(191,231,227)
```
#ceede9
```
#ceede9 rgb(206,237,233)
```
#dcf2ef
```
#dcf2ef rgb(220,242,239)
```
#eaf7f6
```
#eaf7f6 rgb(234,247,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#44504e
```
#44504e rgb(68,80,78)
```
#3f5553
```
#3f5553 rgb(63,85,83)
```
#395b57
```
#395b57 rgb(57,91,87)
```
#33615b
```
#33615b rgb(51,97,91)
```
#2e6660
```
#2e6660 rgb(46,102,96)
```
#286c64
```
#286c64 rgb(40,108,100)
```
#227268
```
#227268 rgb(34,114,104)
```
#1d776d
```
#1d776d rgb(29,119,109)
```
#177d71
```
#177d71 rgb(23,125,113)
```
#118375
```
#118375 rgb(17,131,117)
```
#0c887a
```
#0c887a rgb(12,136,122)
```
#068e7e
```
#068e7e rgb(6,142,126)
```
#009482
```
#009482 rgb(0,148,130)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5b5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6966 Protanopia 1% of men
#706670 Deuteranopia 1% of men
#3a7179 Tritanopia 0.001% of the population

Trichromacy

#536a65 Protanomaly 1% of men, 0.01% of women
#56686c Deuteranomaly 6% of men, 0.4% of women
#336f71 Tritanomaly 0.01% of the population

#286c64 hex color

#286c64 Color Information

#286c64 Color Conversion

Color Schemes with #286c64

Alternatives to #286c64

#286c64 Preview

Shades and Tints of #286c64

Tones of #286c64

Color Blindness Simulator