#28a0bc hex color

In a RGB color space, hex #28a0bc is composed of 15.7% red, 62.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 14.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 191.4 degrees, a saturation of 64.9% and a lightness of 44.7%. #28a0bc color hex could be obtained by blending #50ffff with #004179. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 63
- B 74
RGB color chart
- C 79
- M 15
- Y 0
- K 26
CMYK color chart

● #28a0bc color description : Strong cyan.

The hexadecimal color #28a0bc has RGB values of R:40, G:160, B:188 and CMYK values of C:0.79, M:0.15, Y:0, K:0.26. Its decimal value is 2662588.

Hex triplet	28a0bc	`#28a0bc`
RGB Decimal	40, 160, 188	`rgb(40,160,188)`
RGB Percent	15.7, 62.7, 73.7	`rgb(15.7%,62.7%,73.7%)`
CMYK	79, 15, 0, 26
HSL	191.4°, 64.9, 44.7	`hsl(191.4,64.9%,44.7%)`
HSV (or HSB)	191.4°, 78.7, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.977, -22.398, -23.64
XYZ	22.52, 29.221, 52.028
xyY	0.217, 0.282, 29.221
CIE-LCH	60.977, 32.566, 226.545
CIE-LUV	60.977, -41.079, -33.325
Hunter-Lab	54.057, -20.235, -19.224
Binary	00101000, 10100000, 10111100

#28a0bc
```
#28a0bc rgb(40,160,188)
```
#bc4428
```
#bc4428 rgb(188,68,40)
```

Complementary Color

#28bc8e
```
#28bc8e rgb(40,188,142)
```
#28a0bc
```
#28a0bc rgb(40,160,188)
```
#2856bc
```
#2856bc rgb(40,86,188)
```

Analogous Color

#bc8e28
```
#bc8e28 rgb(188,142,40)
```
#28a0bc
```
#28a0bc rgb(40,160,188)
```
#bc2856
```
#bc2856 rgb(188,40,86)
```

Split Complementary Color

#a0bc28
```
#a0bc28 rgb(160,188,40)
```
#28a0bc
```
#28a0bc rgb(40,160,188)
```
#bc28a0
```
#bc28a0 rgb(188,40,160)
```

Triadic Color

#28bc44
```
#28bc44 rgb(40,188,68)
```
#28a0bc
```
#28a0bc rgb(40,160,188)
```
#bc28a0
```
#bc28a0 rgb(188,40,160)
```
#bc4428
```
#bc4428 rgb(188,68,40)
```

Tetradic Color

#1b6a7d
```
#1b6a7d rgb(27,106,125)
```
#1f7c92
```
#1f7c92 rgb(31,124,146)
```
#248ea7
```
#248ea7 rgb(36,142,167)
```
#28a0bc
```
#28a0bc rgb(40,160,188)
```
#2cb2d1
```
#2cb2d1 rgb(44,178,209)
```
#41bad6
```
#41bad6 rgb(65,186,214)
```
#56c2db
```
#56c2db rgb(86,194,219)
```

Monochromatic Color

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

#28bcb3
```
#28bcb3 rgb(40,188,179)
```
#28b9bc
```
#28b9bc rgb(40,185,188)
```
#28acbc
```
#28acbc rgb(40,172,188)
```
#28a0bc
```
#28a0bc rgb(40,160,188)
```
#2894bc
```
#2894bc rgb(40,148,188)
```
#2887bc
```
#2887bc rgb(40,135,188)
```
#287bbc
```
#287bbc rgb(40,123,188)
```

Similar Colors

Text with hexadecimal color #28a0bc

This text has a font color of #28a0bc.

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

#28a0bc background color

This paragraph has a background color of #28a0bc.

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

#28a0bc border color

This element has a border color of #28a0bc.

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

CSS codes

.text {color:#28a0bc;}

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

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

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, #02090a is the darkest color, while #f9fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#06161a
```
#06161a rgb(6,22,26)
```
#09242a
```
#09242a rgb(9,36,42)
```
#0c323b
```
#0c323b rgb(12,50,59)
```
#10404b
```
#10404b rgb(16,64,75)
```
#134d5b
```
#134d5b rgb(19,77,91)
```
#175b6b
```
#175b6b rgb(23,91,107)
```
#1a697b
```
#1a697b rgb(26,105,123)
```
#1e778b
```
#1e778b rgb(30,119,139)
```
#21849c
```
#21849c rgb(33,132,156)
```
#2592ac
```
#2592ac rgb(37,146,172)
```
#28a0bc
```
#28a0bc rgb(40,160,188)
```
#2baecc
```
#2baecc rgb(43,174,204)
```

Shade Color Variation

#37b7d4
```
#37b7d4 rgb(55,183,212)
```
#47bcd8
```
#47bcd8 rgb(71,188,216)
```
#57c2db
```
#57c2db rgb(87,194,219)
```
#67c8df
```
#67c8df rgb(103,200,223)
```
#78cee2
```
#78cee2 rgb(120,206,226)
```
#88d4e6
```
#88d4e6 rgb(136,212,230)
```
#98dae9
```
#98dae9 rgb(152,218,233)
```
#a8e0ec
```
#a8e0ec rgb(168,224,236)
```
#b8e5f0
```
#b8e5f0 rgb(184,229,240)
```
#c8ebf3
```
#c8ebf3 rgb(200,235,243)
```
#d9f1f7
```
#d9f1f7 rgb(217,241,247)
```
#e9f7fa
```
#e9f7fa rgb(233,247,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#6e7476
```
#6e7476 rgb(110,116,118)
```
#657a7f
```
#657a7f rgb(101,122,127)
```
#5d7f87
```
#5d7f87 rgb(93,127,135)
```
#548590
```
#548590 rgb(84,133,144)
```
#4b8a99
```
#4b8a99 rgb(75,138,153)
```
#4290a2
```
#4290a2 rgb(66,144,162)
```
#3a95aa
```
#3a95aa rgb(58,149,170)
```
#319bb3
```
#319bb3 rgb(49,155,179)
```
#28a0bc
```
#28a0bc rgb(40,160,188)
```
#1fa5c5
```
#1fa5c5 rgb(31,165,197)
```
#16abce
```
#16abce rgb(22,171,206)
```
#0eb0d6
```
#0eb0d6 rgb(14,176,214)
```
#05b6df
```
#05b6df rgb(5,182,223)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6e868b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9197b6 Protanopia 1% of men
#8d96c5 Deuteranopia 1% of men
#22a7b3 Tritanopia 0.001% of the population

Trichromacy

#6a9ab8 Protanomaly 1% of men, 0.01% of women
#6899c1 Deuteranomaly 6% of men, 0.4% of women
#24a4b6 Tritanomaly 0.01% of the population

#28a0bc hex color

#28a0bc Color Information

#28a0bc Color Conversion

Color Schemes with #28a0bc

Alternatives to #28a0bc

#28a0bc Preview

Shades and Tints of #28a0bc

Tones of #28a0bc

Color Blindness Simulator