colorhexa.com

#28a8a2 hex color

In a RGB color space, hex #28a8a2 is composed of 15.7% red, 65.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 3.6% yellow and 34.1% black. It has a hue angle of 177.2 degrees, a saturation of 61.5% and a lightness of 40.8%. #28a8a2 color hex could be obtained by blending #50ffff with #005145. Closest websafe color is: #339999.

- R 16
- G 66
- B 64
RGB color chart
- C 76
- M 0
- Y 4
- K 34
CMYK color chart

● #28a8a2 color description : Dark cyan.

The hexadecimal color #28a8a2 has RGB values of R:40, G:168, B:162 and CMYK values of C:0.76, M:0, Y:0.04, K:0.34. Its decimal value is 2664610.

Hex triplet	28a8a2	`#28a8a2`
RGB Decimal	40, 168, 162	`rgb(40,168,162)`
RGB Percent	15.7, 65.9, 63.5	`rgb(15.7%,65.9%,63.5%)`
CMYK	76, 0, 4, 34
HSL	177.2°, 61.5, 40.8	`hsl(177.2,61.5%,40.8%)`
HSV (or HSB)	177.2°, 76.2, 65.9
Web Safe	339999	`#339999`

CIE-LAB	62.561, -34.459, -6.645
XYZ	21.397, 31.063, 39.048
xyY	0.234, 0.339, 31.063
CIE-LCH	62.561, 35.094, 190.915
CIE-LUV	62.561, -45.748, -4.758
Hunter-Lab	55.734, -29.006, -2.526
Binary	00101000, 10101000, 10100010

#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#a8282e
```
#a8282e rgb(168,40,46)
```

Complementary Color

#28a862
```
#28a862 rgb(40,168,98)
```
#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#286ea8
```
#286ea8 rgb(40,110,168)
```

Analogous Color

#a86228
```
#a86228 rgb(168,98,40)
```
#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#a8286e
```
#a8286e rgb(168,40,110)
```

Split Complementary Color

#a8a228
```
#a8a228 rgb(168,162,40)
```
#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#a228a8
```
#a228a8 rgb(162,40,168)
```

Triadic Color

#2ea828
```
#2ea828 rgb(46,168,40)
```
#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#a228a8
```
#a228a8 rgb(162,40,168)
```
#a8282e
```
#a8282e rgb(168,40,46)
```

Tetradic Color

#196a66
```
#196a66 rgb(25,106,102)
```
#1e7f7a
```
#1e7f7a rgb(30,127,122)
```
#23938e
```
#23938e rgb(35,147,142)
```
#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#2dbdb6
```
#2dbdb6 rgb(45,189,182)
```
#34cfc7
```
#34cfc7 rgb(52,207,199)
```
#49d4cd
```
#49d4cd rgb(73,212,205)
```

Monochromatic Color

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

#28a882
```
#28a882 rgb(40,168,130)
```
#28a88d
```
#28a88d rgb(40,168,141)
```
#28a897
```
#28a897 rgb(40,168,151)
```
#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#28a3a8
```
#28a3a8 rgb(40,163,168)
```
#2899a8
```
#2899a8 rgb(40,153,168)
```
#288ea8
```
#288ea8 rgb(40,142,168)
```

Similar Colors

Text with hexadecimal color #28a8a2

This text has a font color of #28a8a2.

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

#28a8a2 background color

This paragraph has a background color of #28a8a2.

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

#28a8a2 border color

This element has a border color of #28a8a2.

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

CSS codes

.text {color:#28a8a2;}

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

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

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, #020a09 is the darkest color, while #f9fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#061919
```
#061919 rgb(6,25,25)
```
#0a2928
```
#0a2928 rgb(10,41,40)
```
#0e3937
```
#0e3937 rgb(14,57,55)
```
#114946
```
#114946 rgb(17,73,70)
```
#155956
```
#155956 rgb(21,89,86)
```
#196965
```
#196965 rgb(25,105,101)
```
#1d7874
```
#1d7874 rgb(29,120,116)
```
#208883
```
#208883 rgb(32,136,131)
```
#249893
```
#249893 rgb(36,152,147)
```
#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#2cb8b1
```
#2cb8b1 rgb(44,184,177)
```
#30c8c1
```
#30c8c1 rgb(48,200,193)
```

Shade Color Variation

#3bd0c9
```
#3bd0c9 rgb(59,208,201)
```
#4ad4ce
```
#4ad4ce rgb(74,212,206)
```
#5ad8d2
```
#5ad8d2 rgb(90,216,210)
```
#6adcd6
```
#6adcd6 rgb(106,220,214)
```
#7adfdb
```
#7adfdb rgb(122,223,219)
```
#8ae3df
```
#8ae3df rgb(138,227,223)
```
#9ae7e3
```
#9ae7e3 rgb(154,231,227)
```
#aaebe8
```
#aaebe8 rgb(170,235,232)
```
#b9eeec
```
#b9eeec rgb(185,238,236)
```
#c9f2f0
```
#c9f2f0 rgb(201,242,240)
```
#d9f6f5
```
#d9f6f5 rgb(217,246,245)
```
#e9faf9
```
#e9faf9 rgb(233,250,249)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#60706f
```
#60706f rgb(96,112,111)
```
#587877
```
#587877 rgb(88,120,119)
```
#50807e
```
#50807e rgb(80,128,126)
```
#488885
```
#488885 rgb(72,136,133)
```
#40908c
```
#40908c rgb(64,144,140)
```
#389894
```
#389894 rgb(56,152,148)
```
#30a09b
```
#30a09b rgb(48,160,155)
```
#28a8a2
```
#28a8a2 rgb(40,168,162)
```
#20b0a9
```
#20b0a9 rgb(32,176,169)
```
#18b8b1
```
#18b8b1 rgb(24,184,177)
```
#10c0b8
```
#10c0b8 rgb(16,192,184)
```
#08c8bf
```
#08c8bf rgb(8,200,191)
```
#00d0c6
```
#00d0c6 rgb(0,208,198)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6f8988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9b9d Protanopia 1% of men
#a298ae Deuteranopia 1% of men
#40aab6 Tritanopia 0.001% of the population

Trichromacy

#73a09f Protanomaly 1% of men, 0.01% of women
#769ea9 Deuteranomaly 6% of men, 0.4% of women
#37a9af Tritanomaly 0.01% of the population