#428686 hex color

In a RGB color space, hex #428686 is composed of 25.9% red, 52.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 0% magenta, 0% yellow and 47.5% black. It has a hue angle of 180 degrees, a saturation of 34% and a lightness of 39.2%. #428686 color hex could be obtained by blending #84ffff with #000d0d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 26
- G 53
- B 53
RGB color chart
- C 51
- M 0
- Y 0
- K 47
CMYK color chart

● #428686 color description : Dark moderate cyan.

The hexadecimal color #428686 has RGB values of R:66, G:134, B:134 and CMYK values of C:0.51, M:0, Y:0, K:0.47. Its decimal value is 4359814.

Hex triplet	428686	`#428686`
RGB Decimal	66, 134, 134	`rgb(66,134,134)`
RGB Percent	25.9, 52.5, 52.5	`rgb(25.9%,52.5%,52.5%)`
CMYK	51, 0, 0, 47
HSL	180°, 34, 39.2	`hsl(180,34%,39.2%)`
HSV (or HSB)	180°, 50.7, 52.5
Web Safe	339999	`#339999`

CIE-LAB	51.756, -21.41, -6.627
XYZ	15.074, 19.929, 25.605
xyY	0.249, 0.329, 19.929
CIE-LCH	51.756, 22.412, 197.199
CIE-LUV	51.756, -29.31, -6.33
Hunter-Lab	44.642, -17.85, -2.758
Binary	01000010, 10000110, 10000110

#428686
```
#428686 rgb(66,134,134)
```
#864242
```
#864242 rgb(134,66,66)
```

Complementary Color

#428664
```
#428664 rgb(66,134,100)
```
#428686
```
#428686 rgb(66,134,134)
```
#426486
```
#426486 rgb(66,100,134)
```

Analogous Color

#866442
```
#866442 rgb(134,100,66)
```
#428686
```
#428686 rgb(66,134,134)
```
#864264
```
#864264 rgb(134,66,100)
```

Split Complementary Color

#868642
```
#868642 rgb(134,134,66)
```
#428686
```
#428686 rgb(66,134,134)
```
#864286
```
#864286 rgb(134,66,134)
```

Triadic Color

#428642
```
#428642 rgb(66,134,66)
```
#428686
```
#428686 rgb(66,134,134)
```
#864286
```
#864286 rgb(134,66,134)
```
#864242
```
#864242 rgb(134,66,66)
```

Tetradic Color

#295353
```
#295353 rgb(41,83,83)
```
#316464
```
#316464 rgb(49,100,100)
```
#3a7575
```
#3a7575 rgb(58,117,117)
```
#428686
```
#428686 rgb(66,134,134)
```
#4a9797
```
#4a9797 rgb(74,151,151)
```
#53a8a8
```
#53a8a8 rgb(83,168,168)
```
#63b2b2
```
#63b2b2 rgb(99,178,178)
```

Monochromatic Color

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

#428675
```
#428675 rgb(66,134,117)
```
#42867b
```
#42867b rgb(66,134,123)
```
#428680
```
#428680 rgb(66,134,128)
```
#428686
```
#428686 rgb(66,134,134)
```
#428086
```
#428086 rgb(66,128,134)
```
#427b86
```
#427b86 rgb(66,123,134)
```
#427586
```
#427586 rgb(66,117,134)
```

Similar Colors

Text with hexadecimal color #428686

This text has a font color of #428686.

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

#428686 background color

This paragraph has a background color of #428686.

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

#428686 border color

This element has a border color of #428686.

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

CSS codes

.text {color:#428686;}

.background {background-color:#428686;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#081010
```
#081010 rgb(8,16,16)
```
#0e1d1d
```
#0e1d1d rgb(14,29,29)
```
#152a2a
```
#152a2a rgb(21,42,42)
```
#1b3737
```
#1b3737 rgb(27,55,55)
```
#224444
```
#224444 rgb(34,68,68)
```
#285151
```
#285151 rgb(40,81,81)
```
#2f5f5f
```
#2f5f5f rgb(47,95,95)
```
#356c6c
```
#356c6c rgb(53,108,108)
```
#3c7979
```
#3c7979 rgb(60,121,121)
```
#428686
```
#428686 rgb(66,134,134)
```
#489393
```
#489393 rgb(72,147,147)
```
#4fa0a0
```
#4fa0a0 rgb(79,160,160)
```

Shade Color Variation

#57acac
```
#57acac rgb(87,172,172)
```
#64b3b3
```
#64b3b3 rgb(100,179,179)
```
#71b9b9
```
#71b9b9 rgb(113,185,185)
```
#7ec0c0
```
#7ec0c0 rgb(126,192,192)
```
#8bc6c6
```
#8bc6c6 rgb(139,198,198)
```
#98cccc
```
#98cccc rgb(152,204,204)
```
#a6d3d3
```
#a6d3d3 rgb(166,211,211)
```
#b3d9d9
```
#b3d9d9 rgb(179,217,217)
```
#c0e0e0
```
#c0e0e0 rgb(192,224,224)
```
#cde6e6
```
#cde6e6 rgb(205,230,230)
```
#daeded
```
#daeded rgb(218,237,237)
```
#e7f3f3
```
#e7f3f3 rgb(231,243,243)
```
#f4fafa
```
#f4fafa rgb(244,250,250)
```

Tint Color Variation

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

#616767
```
#616767 rgb(97,103,103)
```
#596f6f
```
#596f6f rgb(89,111,111)
```
#517777
```
#517777 rgb(81,119,119)
```
#4a7e7e
```
#4a7e7e rgb(74,126,126)
```
#428686
```
#428686 rgb(66,134,134)
```
#3a8e8e
```
#3a8e8e rgb(58,142,142)
```
#339595
```
#339595 rgb(51,149,149)
```
#2b9d9d
```
#2b9d9d rgb(43,157,157)
```
#23a5a5
```
#23a5a5 rgb(35,165,165)
```
#1cacac
```
#1cacac rgb(28,172,172)
```
#14b4b4
```
#14b4b4 rgb(20,180,180)
```
#0cbcbc
```
#0cbcbc rgb(12,188,188)
```
#04c4c4
```
#04c4c4 rgb(4,196,196)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#687676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838186 Protanopia 1% of men
#877f91 Deuteranopia 1% of men
#4f8a95 Tritanopia 0.001% of the population

Trichromacy

#6b8386 Protanomaly 1% of men, 0.01% of women
#6d818d Deuteranomaly 6% of men, 0.4% of women
#4a898f Tritanomaly 0.01% of the population

#428686 hex color

#428686 Color Information

#428686 Color Conversion

Color Schemes with #428686

Alternatives to #428686

#428686 Preview

Shades and Tints of #428686

Tones of #428686

Color Blindness Simulator