#28b2af hex color

In a RGB color space, hex #28b2af is composed of 15.7% red, 69.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 0% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 178.7 degrees, a saturation of 63.3% and a lightness of 42.7%. #28b2af color hex could be obtained by blending #50ffff with #00655f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 70
- B 69
RGB color chart
- C 78
- M 0
- Y 2
- K 30
CMYK color chart

● #28b2af color description : Dark cyan.

The hexadecimal color #28b2af has RGB values of R:40, G:178, B:175 and CMYK values of C:0.78, M:0, Y:0.02, K:0.3. Its decimal value is 2667183.

Hex triplet	28b2af	`#28b2af`
RGB Decimal	40, 178, 175	`rgb(40,178,175)`
RGB Percent	15.7, 69.8, 68.6	`rgb(15.7%,69.8%,68.6%)`
CMYK	78, 0, 2, 30
HSL	178.7°, 63.3, 42.7	`hsl(178.7,63.3%,42.7%)`
HSV (or HSB)	178.7°, 77.5, 69.8
Web Safe	339999	`#339999`

CIE-LAB	66.047, -35.308, -8.71
XYZ	24.531, 35.385, 46.092
xyY	0.231, 0.334, 35.385
CIE-LCH	66.047, 36.367, 193.858
CIE-LUV	66.047, -48.396, -7.88
Hunter-Lab	59.485, -30.488, -4.302
Binary	00101000, 10110010, 10101111

#28b2af
```
#28b2af rgb(40,178,175)
```
#b2282b
```
#b2282b rgb(178,40,43)
```

Complementary Color

#28b26a
```
#28b26a rgb(40,178,106)
```
#28b2af
```
#28b2af rgb(40,178,175)
```
#2870b2
```
#2870b2 rgb(40,112,178)
```

Analogous Color

#b26a28
```
#b26a28 rgb(178,106,40)
```
#28b2af
```
#28b2af rgb(40,178,175)
```
#b22870
```
#b22870 rgb(178,40,112)
```

Split Complementary Color

#b2af28
```
#b2af28 rgb(178,175,40)
```
#28b2af
```
#28b2af rgb(40,178,175)
```
#af28b2
```
#af28b2 rgb(175,40,178)
```

Triadic Color

#2bb228
```
#2bb228 rgb(43,178,40)
```
#28b2af
```
#28b2af rgb(40,178,175)
```
#af28b2
```
#af28b2 rgb(175,40,178)
```
#b2282b
```
#b2282b rgb(178,40,43)
```

Tetradic Color

#1a7472
```
#1a7472 rgb(26,116,114)
```
#1f8886
```
#1f8886 rgb(31,136,134)
```
#239d9b
```
#239d9b rgb(35,157,155)
```
#28b2af
```
#28b2af rgb(40,178,175)
```
#2dc7c3
```
#2dc7c3 rgb(45,199,195)
```
#3ad3cf
```
#3ad3cf rgb(58,211,207)
```
#4fd7d4
```
#4fd7d4 rgb(79,215,212)
```

Monochromatic Color

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

#28b28d
```
#28b28d rgb(40,178,141)
```
#28b298
```
#28b298 rgb(40,178,152)
```
#28b2a4
```
#28b2a4 rgb(40,178,164)
```
#28b2af
```
#28b2af rgb(40,178,175)
```
#28aab2
```
#28aab2 rgb(40,170,178)
```
#289eb2
```
#289eb2 rgb(40,158,178)
```
#2893b2
```
#2893b2 rgb(40,147,178)
```

Similar Colors

Text with hexadecimal color #28b2af

This text has a font color of #28b2af.

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

#28b2af background color

This paragraph has a background color of #28b2af.

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

#28b2af border color

This element has a border color of #28b2af.

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

CSS codes

.text {color:#28b2af;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041212
```
#041212 rgb(4,18,18)
```
#082221
```
#082221 rgb(8,34,33)
```
#0b3231
```
#0b3231 rgb(11,50,49)
```
#0f4241
```
#0f4241 rgb(15,66,65)
```
#125251
```
#125251 rgb(18,82,81)
```
#166260
```
#166260 rgb(22,98,96)
```
#1a7270
```
#1a7270 rgb(26,114,112)
```
#1d8280
```
#1d8280 rgb(29,130,128)
```
#219290
```
#219290 rgb(33,146,144)
```
#24a29f
```
#24a29f rgb(36,162,159)
```
#28b2af
```
#28b2af rgb(40,178,175)
```
#2cc2bf
```
#2cc2bf rgb(44,194,191)
```

Shade Color Variation

#31d1cd
```
#31d1cd rgb(49,209,205)
```
#41d4d1
```
#41d4d1 rgb(65,212,209)
```
#51d8d5
```
#51d8d5 rgb(81,216,213)
```
#61dbd9
```
#61dbd9 rgb(97,219,217)
```
#71dfdd
```
#71dfdd rgb(113,223,221)
```
#81e3e0
```
#81e3e0 rgb(129,227,224)
```
#91e6e4
```
#91e6e4 rgb(145,230,228)
```
#a1eae8
```
#a1eae8 rgb(161,234,232)
```
#b1edec
```
#b1edec rgb(177,237,236)
```
#c1f1f0
```
#c1f1f0 rgb(193,241,240)
```
#d1f5f4
```
#d1f5f4 rgb(209,245,244)
```
#e1f8f8
```
#e1f8f8 rgb(225,248,248)
```
#f1fcfc
```
#f1fcfc rgb(241,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6f6f is the less saturated color, while #06d4cf is the most saturated one.

#6b6f6f
```
#6b6f6f rgb(107,111,111)
```
#637777
```
#637777 rgb(99,119,119)
```
#5a807f
```
#5a807f rgb(90,128,127)
```
#528887
```
#528887 rgb(82,136,135)
```
#4a908f
```
#4a908f rgb(74,144,143)
```
#419997
```
#419997 rgb(65,153,151)
```
#39a19f
```
#39a19f rgb(57,161,159)
```
#30aaa7
```
#30aaa7 rgb(48,170,167)
```
#28b2af
```
#28b2af rgb(40,178,175)
```
#20bab7
```
#20bab7 rgb(32,186,183)
```
#17c3bf
```
#17c3bf rgb(23,195,191)
```
#0fcbc7
```
#0fcbc7 rgb(15,203,199)
```
#06d4cf
```
#06d4cf rgb(6,212,207)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#759090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a4a9 Protanopia 1% of men
#aaa1ba Deuteranopia 1% of men
#3fb3c0 Tritanopia 0.001% of the population

Trichromacy

#78a9ab Protanomaly 1% of men, 0.01% of women
#7aa7b6 Deuteranomaly 6% of men, 0.4% of women
#37b3ba Tritanomaly 0.01% of the population

#28b2af hex color

#28b2af Color Information

#28b2af Color Conversion

Color Schemes with #28b2af

Alternatives to #28b2af

#28b2af Preview

Shades and Tints of #28b2af

Tones of #28b2af

Color Blindness Simulator