#28a7a0 hex color

In a RGB color space, hex #28a7a0 is composed of 15.7% red, 65.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 4.2% yellow and 34.5% black. It has a hue angle of 176.7 degrees, a saturation of 61.4% and a lightness of 40.6%. #28a7a0 color hex could be obtained by blending #50ffff with #004f41. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 65
- B 63
RGB color chart
- C 76
- M 0
- Y 4
- K 35
CMYK color chart

● #28a7a0 color description : Dark cyan.

The hexadecimal color #28a7a0 has RGB values of R:40, G:167, B:160 and CMYK values of C:0.76, M:0, Y:0.04, K:0.35. Its decimal value is 2664352.

Hex triplet	28a7a0	`#28a7a0`
RGB Decimal	40, 167, 160	`rgb(40,167,160)`
RGB Percent	15.7, 65.5, 62.7	`rgb(15.7%,65.5%,62.7%)`
CMYK	76, 0, 4, 35
HSL	176.7°, 61.4, 40.6	`hsl(176.7,61.4%,40.6%)`
HSV (or HSB)	176.7°, 76, 65.5
Web Safe	339999	`#339999`

CIE-LAB	62.189, -34.575, -6.074
XYZ	21.037, 30.625, 38.058
xyY	0.234, 0.341, 30.625
CIE-LCH	62.189, 35.105, 189.964
CIE-LUV	62.189, -45.529, -3.865
Hunter-Lab	55.34, -28.989, -2.037
Binary	00101000, 10100111, 10100000

#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#a7282f
```
#a7282f rgb(167,40,47)
```

Complementary Color

#28a761
```
#28a761 rgb(40,167,97)
```
#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#286fa7
```
#286fa7 rgb(40,111,167)
```

Analogous Color

#a76128
```
#a76128 rgb(167,97,40)
```
#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#a7286f
```
#a7286f rgb(167,40,111)
```

Split Complementary Color

#a7a028
```
#a7a028 rgb(167,160,40)
```
#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#a028a7
```
#a028a7 rgb(160,40,167)
```

Triadic Color

#2fa728
```
#2fa728 rgb(47,167,40)
```
#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#a028a7
```
#a028a7 rgb(160,40,167)
```
#a7282f
```
#a7282f rgb(167,40,47)
```

Tetradic Color

#196965
```
#196965 rgb(25,105,101)
```
#1e7e79
```
#1e7e79 rgb(30,126,121)
```
#23928c
```
#23928c rgb(35,146,140)
```
#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#2dbcb4
```
#2dbcb4 rgb(45,188,180)
```
#34cec6
```
#34cec6 rgb(52,206,198)
```
#48d3cc
```
#48d3cc rgb(72,211,204)
```

Monochromatic Color

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

#28a780
```
#28a780 rgb(40,167,128)
```
#28a78b
```
#28a78b rgb(40,167,139)
```
#28a795
```
#28a795 rgb(40,167,149)
```
#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#28a3a7
```
#28a3a7 rgb(40,163,167)
```
#2899a7
```
#2899a7 rgb(40,153,167)
```
#288ea7
```
#288ea7 rgb(40,142,167)
```

Similar Colors

Text with hexadecimal color #28a7a0

This text has a font color of #28a7a0.

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

#28a7a0 background color

This paragraph has a background color of #28a7a0.

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

#28a7a0 border color

This element has a border color of #28a7a0.

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

CSS codes

.text {color:#28a7a0;}

.background {background-color:#28a7a0;}

.border {border:1px solid #28a7a0;}

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

#020908
```
#020908 rgb(2,9,8)
```
#061918
```
#061918 rgb(6,25,24)
```
#0a2827
```
#0a2827 rgb(10,40,39)
```
#0d3836
```
#0d3836 rgb(13,56,54)
```
#114845
```
#114845 rgb(17,72,69)
```
#155854
```
#155854 rgb(21,88,84)
```
#196863
```
#196863 rgb(25,104,99)
```
#1d7873
```
#1d7873 rgb(29,120,115)
```
#208782
```
#208782 rgb(32,135,130)
```
#249791
```
#249791 rgb(36,151,145)
```
#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#2cb7af
```
#2cb7af rgb(44,183,175)
```
#30c7be
```
#30c7be rgb(48,199,190)
```

Shade Color Variation

#3ad0c8
```
#3ad0c8 rgb(58,208,200)
```
#4ad4cc
```
#4ad4cc rgb(74,212,204)
```
#5ad7d0
```
#5ad7d0 rgb(90,215,208)
```
#6adbd5
```
#6adbd5 rgb(106,219,213)
```
#79dfd9
```
#79dfd9 rgb(121,223,217)
```
#89e3de
```
#89e3de rgb(137,227,222)
```
#99e7e2
```
#99e7e2 rgb(153,231,226)
```
#a9eae7
```
#a9eae7 rgb(169,234,231)
```
#b9eeeb
```
#b9eeeb rgb(185,238,235)
```
#c8f2f0
```
#c8f2f0 rgb(200,242,240)
```
#d8f6f4
```
#d8f6f4 rgb(216,246,244)
```
#e8faf9
```
#e8faf9 rgb(232,250,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606f6e is the less saturated color, while #00cfc3 is the most saturated one.

#606f6e
```
#606f6e rgb(96,111,110)
```
#587775
```
#587775 rgb(88,119,117)
```
#507f7d
```
#507f7d rgb(80,127,125)
```
#488784
```
#488784 rgb(72,135,132)
```
#408f8b
```
#408f8b rgb(64,143,139)
```
#389792
```
#389792 rgb(56,151,146)
```
#309f99
```
#309f99 rgb(48,159,153)
```
#28a7a0
```
#28a7a0 rgb(40,167,160)
```
#20afa7
```
#20afa7 rgb(32,175,167)
```
#18b7ae
```
#18b7ae rgb(24,183,174)
```
#10bfb5
```
#10bfb5 rgb(16,191,181)
```
#08c7bc
```
#08c7bc rgb(8,199,188)
```
#00cfc3
```
#00cfc3 rgb(0,207,195)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6e8886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9a9b Protanopia 1% of men
#a297ac Deuteranopia 1% of men
#40a9b5 Tritanopia 0.001% of the population

Trichromacy

#739f9d Protanomaly 1% of men, 0.01% of women
#759da7 Deuteranomaly 6% of men, 0.4% of women
#37a8ad Tritanomaly 0.01% of the population

#28a7a0 hex color

#28a7a0 Color Information

#28a7a0 Color Conversion

Color Schemes with #28a7a0

Alternatives to #28a7a0

#28a7a0 Preview

Shades and Tints of #28a7a0

Tones of #28a7a0

Color Blindness Simulator