#28c5bd hex color

In a RGB color space, hex #28c5bd is composed of 15.7% red, 77.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 0% magenta, 4.1% yellow and 22.7% black. It has a hue angle of 176.9 degrees, a saturation of 66.2% and a lightness of 46.5%. #28c5bd color hex could be obtained by blending #50ffff with #008b7b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 77
- B 74
RGB color chart
- C 80
- M 0
- Y 4
- K 23
CMYK color chart

● #28c5bd color description : Strong cyan.

The hexadecimal color #28c5bd has RGB values of R:40, G:197, B:189 and CMYK values of C:0.8, M:0, Y:0.04, K:0.23. Its decimal value is 2672061.

Hex triplet	28c5bd	`#28c5bd`
RGB Decimal	40, 197, 189	`rgb(40,197,189)`
RGB Percent	15.7, 77.3, 74.1	`rgb(15.7%,77.3%,74.1%)`
CMYK	80, 0, 4, 23
HSL	176.9°, 66.2, 46.5	`hsl(176.9,66.2%,46.5%)`
HSV (or HSB)	176.9°, 79.7, 77.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.265, -39.931, -7.16
XYZ	30.024, 44.055, 55.062
xyY	0.232, 0.341, 44.055
CIE-LCH	72.265, 40.568, 190.166
CIE-LUV	72.265, -54.063, -4.849
Hunter-Lab	66.374, -35.411, -2.724
Binary	00101000, 11000101, 10111101

#28c5bd
```
#28c5bd rgb(40,197,189)
```
#c52830
```
#c52830 rgb(197,40,48)
```

Complementary Color

#28c56f
```
#28c56f rgb(40,197,111)
```
#28c5bd
```
#28c5bd rgb(40,197,189)
```
#287fc5
```
#287fc5 rgb(40,127,197)
```

Analogous Color

#c56f28
```
#c56f28 rgb(197,111,40)
```
#28c5bd
```
#28c5bd rgb(40,197,189)
```
#c5287f
```
#c5287f rgb(197,40,127)
```

Split Complementary Color

#c5bd28
```
#c5bd28 rgb(197,189,40)
```
#28c5bd
```
#28c5bd rgb(40,197,189)
```
#bd28c5
```
#bd28c5 rgb(189,40,197)
```

Triadic Color

#30c528
```
#30c528 rgb(48,197,40)
```
#28c5bd
```
#28c5bd rgb(40,197,189)
```
#bd28c5
```
#bd28c5 rgb(189,40,197)
```
#c52830
```
#c52830 rgb(197,40,48)
```

Tetradic Color

#1b8580
```
#1b8580 rgb(27,133,128)
```
#1f9b94
```
#1f9b94 rgb(31,155,148)
```
#24b0a9
```
#24b0a9 rgb(36,176,169)
```
#28c5bd
```
#28c5bd rgb(40,197,189)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#46dad2
```
#46dad2 rgb(70,218,210)
```
#5cded7
```
#5cded7 rgb(92,222,215)
```

Monochromatic Color

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

#28c596
```
#28c596 rgb(40,197,150)
```
#28c5a3
```
#28c5a3 rgb(40,197,163)
```
#28c5b0
```
#28c5b0 rgb(40,197,176)
```
#28c5bd
```
#28c5bd rgb(40,197,189)
```
#28c0c5
```
#28c0c5 rgb(40,192,197)
```
#28b3c5
```
#28b3c5 rgb(40,179,197)
```
#28a6c5
```
#28a6c5 rgb(40,166,197)
```

Similar Colors

Text with hexadecimal color #28c5bd

This text has a font color of #28c5bd.

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

#28c5bd background color

This paragraph has a background color of #28c5bd.

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

#28c5bd border color

This element has a border color of #28c5bd.

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

CSS codes

.text {color:#28c5bd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#041211
```
#041211 rgb(4,18,17)
```
#072221
```
#072221 rgb(7,34,33)
```
#0a3230
```
#0a3230 rgb(10,50,48)
```
#0e4340
```
#0e4340 rgb(14,67,64)
```
#115350
```
#115350 rgb(17,83,80)
```
#14635f
```
#14635f rgb(20,99,95)
```
#17736f
```
#17736f rgb(23,115,111)
```
#1b847e
```
#1b847e rgb(27,132,126)
```
#1e948e
```
#1e948e rgb(30,148,142)
```
#21a49e
```
#21a49e rgb(33,164,158)
```
#25b5ad
```
#25b5ad rgb(37,181,173)
```
#28c5bd
```
#28c5bd rgb(40,197,189)
```

Shade Color Variation

#2cd4cc
```
#2cd4cc rgb(44,212,204)
```
#3dd8d0
```
#3dd8d0 rgb(61,216,208)
```
#4ddbd4
```
#4ddbd4 rgb(77,219,212)
```
#5dded8
```
#5dded8 rgb(93,222,216)
```
#6ee1dc
```
#6ee1dc rgb(110,225,220)
```
#7ee5e0
```
#7ee5e0 rgb(126,229,224)
```
#8ee8e4
```
#8ee8e4 rgb(142,232,228)
```
#9febe7
```
#9febe7 rgb(159,235,231)
```
#afefeb
```
#afefeb rgb(175,239,235)
```
#bff2ef
```
#bff2ef rgb(191,242,239)
```
#cff5f3
```
#cff5f3 rgb(207,245,243)
```
#e0f9f7
```
#e0f9f7 rgb(224,249,247)
```
#f0fcfb
```
#f0fcfb rgb(240,252,251)
```

Tint Color Variation

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

#717c7c
```
#717c7c rgb(113,124,124)
```
#688584
```
#688584 rgb(104,133,132)
```
#5f8e8c
```
#5f8e8c rgb(95,142,140)
```
#569794
```
#569794 rgb(86,151,148)
```
#4ca19c
```
#4ca19c rgb(76,161,156)
```
#43aaa4
```
#43aaa4 rgb(67,170,164)
```
#3ab3ad
```
#3ab3ad rgb(58,179,173)
```
#31bcb5
```
#31bcb5 rgb(49,188,181)
```
#28c5bd
```
#28c5bd rgb(40,197,189)
```
#1fcec5
```
#1fcec5 rgb(31,206,197)
```
#16d7cd
```
#16d7cd rgb(22,215,205)
```
#0de0d6
```
#0de0d6 rgb(13,224,214)
```
#04e9de
```
#04e9de rgb(4,233,222)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#7f9f9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b4b5 Protanopia 1% of men
#bcb0c8 Deuteranopia 1% of men
#45c5d3 Tritanopia 0.001% of the population

Trichromacy

#83bab8 Protanomaly 1% of men, 0.01% of women
#86b8c4 Deuteranomaly 6% of men, 0.4% of women
#3ac5cb Tritanomaly 0.01% of the population

#28c5bd hex color

#28c5bd Color Information

#28c5bd Color Conversion

Color Schemes with #28c5bd

Alternatives to #28c5bd

#28c5bd Preview

Shades and Tints of #28c5bd

Tones of #28c5bd

Color Blindness Simulator