#28b4bf hex color

In a RGB color space, hex #28b4bf is composed of 15.7% red, 70.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 5.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 184.4 degrees, a saturation of 65.4% and a lightness of 45.3%. #28b4bf color hex could be obtained by blending #50ffff with #00697f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 71
- B 75
RGB color chart
- C 79
- M 6
- Y 0
- K 25
CMYK color chart

● #28b4bf color description : Strong cyan.

The hexadecimal color #28b4bf has RGB values of R:40, G:180, B:191 and CMYK values of C:0.79, M:0.06, Y:0, K:0.25. Its decimal value is 2667711.

Hex triplet	28b4bf	`#28b4bf`
RGB Decimal	40, 180, 191	`rgb(40,180,191)`
RGB Percent	15.7, 70.6, 74.9	`rgb(15.7%,70.6%,74.9%)`
CMYK	79, 6, 0, 25
HSL	184.4°, 65.4, 45.3	`hsl(184.4,65.4%,45.3%)`
HSV (or HSB)	184.4°, 79.1, 74.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.166, -31.433, -15.89
XYZ	26.598, 36.853, 54.999
xyY	0.225, 0.311, 36.853
CIE-LCH	67.166, 35.221, 206.817
CIE-LUV	67.166, -47.951, -19.88
Hunter-Lab	60.706, -28.029, -11.221
Binary	00101000, 10110100, 10111111

#28b4bf
```
#28b4bf rgb(40,180,191)
```
#bf3328
```
#bf3328 rgb(191,51,40)
```

Complementary Color

#28bf7f
```
#28bf7f rgb(40,191,127)
```
#28b4bf
```
#28b4bf rgb(40,180,191)
```
#2869bf
```
#2869bf rgb(40,105,191)
```

Analogous Color

#bf7f28
```
#bf7f28 rgb(191,127,40)
```
#28b4bf
```
#28b4bf rgb(40,180,191)
```
#bf2869
```
#bf2869 rgb(191,40,105)
```

Split Complementary Color

#b4bf28
```
#b4bf28 rgb(180,191,40)
```
#28b4bf
```
#28b4bf rgb(40,180,191)
```
#bf28b4
```
#bf28b4 rgb(191,40,180)
```

Triadic Color

#28bf33
```
#28bf33 rgb(40,191,51)
```
#28b4bf
```
#28b4bf rgb(40,180,191)
```
#bf28b4
```
#bf28b4 rgb(191,40,180)
```
#bf3328
```
#bf3328 rgb(191,51,40)
```

Tetradic Color

#1b7880
```
#1b7880 rgb(27,120,128)
```
#1f8c95
```
#1f8c95 rgb(31,140,149)
```
#24a0aa
```
#24a0aa rgb(36,160,170)
```
#28b4bf
```
#28b4bf rgb(40,180,191)
```
#2dc7d3
```
#2dc7d3 rgb(45,199,211)
```
#42cdd8
```
#42cdd8 rgb(66,205,216)
```
#58d2dc
```
#58d2dc rgb(88,210,220)
```

Monochromatic Color

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

#28bfa4
```
#28bfa4 rgb(40,191,164)
```
#28bfb1
```
#28bfb1 rgb(40,191,177)
```
#28bfbd
```
#28bfbd rgb(40,191,189)
```
#28b4bf
```
#28b4bf rgb(40,180,191)
```
#28a7bf
```
#28a7bf rgb(40,167,191)
```
#289bbf
```
#289bbf rgb(40,155,191)
```
#288ebf
```
#288ebf rgb(40,142,191)
```

Similar Colors

Text with hexadecimal color #28b4bf

This text has a font color of #28b4bf.

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

#28b4bf background color

This paragraph has a background color of #28b4bf.

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

#28b4bf border color

This element has a border color of #28b4bf.

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

CSS codes

.text {color:#28b4bf;}

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

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

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, #030c0d is the darkest color, while #fbfefe is the lightest one.

#030c0d
```
#030c0d rgb(3,12,13)
```
#061b1d
```
#061b1d rgb(6,27,29)
```
#092a2d
```
#092a2d rgb(9,42,45)
```
#0d3a3d
```
#0d3a3d rgb(13,58,61)
```
#10494d
```
#10494d rgb(16,73,77)
```
#14585e
```
#14585e rgb(20,88,94)
```
#17686e
```
#17686e rgb(23,104,110)
```
#1a777e
```
#1a777e rgb(26,119,126)
```
#1e868e
```
#1e868e rgb(30,134,142)
```
#21959f
```
#21959f rgb(33,149,159)
```
#25a5af
```
#25a5af rgb(37,165,175)
```
#28b4bf
```
#28b4bf rgb(40,180,191)
```
#2bc3cf
```
#2bc3cf rgb(43,195,207)
```

Shade Color Variation

#39cad5
```
#39cad5 rgb(57,202,213)
```
#49ced9
```
#49ced9 rgb(73,206,217)
```
#59d3dc
```
#59d3dc rgb(89,211,220)
```
#69d7e0
```
#69d7e0 rgb(105,215,224)
```
#7adbe3
```
#7adbe3 rgb(122,219,227)
```
#8ae0e6
```
#8ae0e6 rgb(138,224,230)
```
#9ae4ea
```
#9ae4ea rgb(154,228,234)
```
#aae8ed
```
#aae8ed rgb(170,232,237)
```
#baedf1
```
#baedf1 rgb(186,237,241)
```
#cbf1f4
```
#cbf1f4 rgb(203,241,244)
```
#dbf5f7
```
#dbf5f7 rgb(219,245,247)
```
#ebfafb
```
#ebfafb rgb(235,250,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#6f7778
```
#6f7778 rgb(111,119,120)
```
#667f81
```
#667f81 rgb(102,127,129)
```
#5d868a
```
#5d868a rgb(93,134,138)
```
#548e93
```
#548e93 rgb(84,142,147)
```
#4c969b
```
#4c969b rgb(76,150,155)
```
#439da4
```
#439da4 rgb(67,157,164)
```
#3aa5ad
```
#3aa5ad rgb(58,165,173)
```
#31acb6
```
#31acb6 rgb(49,172,182)
```
#28b4bf
```
#28b4bf rgb(40,180,191)
```
#1fbcc8
```
#1fbcc8 rgb(31,188,200)
```
#16c3d1
```
#16c3d1 rgb(22,195,209)
```
#0dcbda
```
#0dcbda rgb(13,203,218)
```
#04d2e3
```
#04d2e3 rgb(4,210,227)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#779395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a7b8 Protanopia 1% of men
#a6a4c9 Deuteranopia 1% of men
#36b7c4 Tritanopia 0.001% of the population

Trichromacy

#78abba Protanomaly 1% of men, 0.01% of women
#78aac5 Deuteranomaly 6% of men, 0.4% of women
#30b6c2 Tritanomaly 0.01% of the population

#28b4bf hex color

#28b4bf Color Information

#28b4bf Color Conversion

Color Schemes with #28b4bf

Alternatives to #28b4bf

#28b4bf Preview

Shades and Tints of #28b4bf

Tones of #28b4bf

Color Blindness Simulator