#28a4a0 hex color

In a RGB color space, hex #28a4a0 is composed of 15.7% red, 64.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 0% magenta, 2.4% yellow and 35.7% black. It has a hue angle of 178.1 degrees, a saturation of 60.8% and a lightness of 40%. #28a4a0 color hex could be obtained by blending #50ffff with #004941. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 64
- B 63
RGB color chart
- C 76
- M 0
- Y 2
- K 36
CMYK color chart

● #28a4a0 color description : Dark cyan.

The hexadecimal color #28a4a0 has RGB values of R:40, G:164, B:160 and CMYK values of C:0.76, M:0, Y:0.02, K:0.36. Its decimal value is 2663584.

Hex triplet	28a4a0	`#28a4a0`
RGB Decimal	40, 164, 160	`rgb(40,164,160)`
RGB Percent	15.7, 64.3, 62.7	`rgb(15.7%,64.3%,62.7%)`
CMYK	76, 0, 2, 36
HSL	178.1°, 60.8, 40	`hsl(178.1,60.8%,40%)`
HSV (or HSB)	178.1°, 75.6, 64.3
Web Safe	339999	`#339999`

CIE-LAB	61.254, -33.168, -7.463
XYZ	20.494, 29.538, 37.877
xyY	0.233, 0.336, 29.538
CIE-LCH	61.254, 33.997, 192.682
CIE-LUV	61.254, -44.447, -6.179
Hunter-Lab	54.349, -27.803, -3.276
Binary	00101000, 10100100, 10100000

#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#a4282c
```
#a4282c rgb(164,40,44)
```

Complementary Color

#28a462
```
#28a462 rgb(40,164,98)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#286aa4
```
#286aa4 rgb(40,106,164)
```

Analogous Color

#a46228
```
#a46228 rgb(164,98,40)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#a4286a
```
#a4286a rgb(164,40,106)
```

Split Complementary Color

#a4a028
```
#a4a028 rgb(164,160,40)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#a028a4
```
#a028a4 rgb(160,40,164)
```

Triadic Color

#2ca428
```
#2ca428 rgb(44,164,40)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#a028a4
```
#a028a4 rgb(160,40,164)
```
#a4282c
```
#a4282c rgb(164,40,44)
```

Tetradic Color

#196764
```
#196764 rgb(25,103,100)
```
#1e7b78
```
#1e7b78 rgb(30,123,120)
```
#23908c
```
#23908c rgb(35,144,140)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#2db9b4
```
#2db9b4 rgb(45,185,180)
```
#32cdc8
```
#32cdc8 rgb(50,205,200)
```
#47d2ce
```
#47d2ce rgb(71,210,206)
```

Monochromatic Color

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

#28a481
```
#28a481 rgb(40,164,129)
```
#28a48b
```
#28a48b rgb(40,164,139)
```
#28a496
```
#28a496 rgb(40,164,150)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#289ea4
```
#289ea4 rgb(40,158,164)
```
#2893a4
```
#2893a4 rgb(40,147,164)
```
#2889a4
```
#2889a4 rgb(40,137,164)
```

Similar Colors

Text with hexadecimal color #28a4a0

This text has a font color of #28a4a0.

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

#28a4a0 background color

This paragraph has a background color of #28a4a0.

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

#28a4a0 border color

This element has a border color of #28a4a0.

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

CSS codes

.text {color:#28a4a0;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#051616
```
#051616 rgb(5,22,22)
```
#092625
```
#092625 rgb(9,38,37)
```
#0d3634
```
#0d3634 rgb(13,54,52)
```
#114544
```
#114544 rgb(17,69,68)
```
#155553
```
#155553 rgb(21,85,83)
```
#196562
```
#196562 rgb(25,101,98)
```
#1c7572
```
#1c7572 rgb(28,117,114)
```
#208481
```
#208481 rgb(32,132,129)
```
#249491
```
#249491 rgb(36,148,145)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#2cb4af
```
#2cb4af rgb(44,180,175)
```
#30c4bf
```
#30c4bf rgb(48,196,191)
```

Shade Color Variation

#38cfca
```
#38cfca rgb(56,207,202)
```
#48d2ce
```
#48d2ce rgb(72,210,206)
```
#58d6d2
```
#58d6d2 rgb(88,214,210)
```
#68dad6
```
#68dad6 rgb(104,218,214)
```
#77dedb
```
#77dedb rgb(119,222,219)
```
#87e2df
```
#87e2df rgb(135,226,223)
```
#97e6e3
```
#97e6e3 rgb(151,230,227)
```
#a7e9e7
```
#a7e9e7 rgb(167,233,231)
```
#b6edec
```
#b6edec rgb(182,237,236)
```
#c6f1f0
```
#c6f1f0 rgb(198,241,240)
```
#d6f5f4
```
#d6f5f4 rgb(214,245,244)
```
#e6f9f8
```
#e6f9f8 rgb(230,249,248)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6d6d is the less saturated color, while #01cbc5 is the most saturated one.

#5f6d6d
```
#5f6d6d rgb(95,109,109)
```
#577574
```
#577574 rgb(87,117,116)
```
#4f7d7b
```
#4f7d7b rgb(79,125,123)
```
#478583
```
#478583 rgb(71,133,131)
```
#408c8a
```
#408c8a rgb(64,140,138)
```
#389491
```
#389491 rgb(56,148,145)
```
#309c99
```
#309c99 rgb(48,156,153)
```
#28a4a0
```
#28a4a0 rgb(40,164,160)
```
#20aca7
```
#20aca7 rgb(32,172,167)
```
#18b4af
```
#18b4af rgb(24,180,175)
```
#10bcb6
```
#10bcb6 rgb(16,188,182)
```
#09c3bd
```
#09c3bd rgb(9,195,189)
```
#01cbc5
```
#01cbc5 rgb(1,203,197)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6d8685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b989c Protanopia 1% of men
#9e95ab Deuteranopia 1% of men
#3ea6b2 Tritanopia 0.001% of the population

Trichromacy

#719c9d Protanomaly 1% of men, 0.01% of women
#739aa7 Deuteranomaly 6% of men, 0.4% of women
#36a5ab Tritanomaly 0.01% of the population

#28a4a0 hex color

#28a4a0 Color Information

#28a4a0 Color Conversion

Color Schemes with #28a4a0

Alternatives to #28a4a0

#28a4a0 Preview

Shades and Tints of #28a4a0

Tones of #28a4a0

Color Blindness Simulator