#28afed hex color

In a RGB color space, hex #28afed is composed of 15.7% red, 68.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 26.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 198.9 degrees, a saturation of 84.5% and a lightness of 54.3%. #28afed color hex could be obtained by blending #50ffff with #005fdb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 69
- B 93
RGB color chart
- C 83
- M 26
- Y 0
- K 7
CMYK color chart

● #28afed color description : Bright blue.

The hexadecimal color #28afed has RGB values of R:40, G:175, B:237 and CMYK values of C:0.83, M:0.26, Y:0, K:0.07. Its decimal value is 2666477.

Hex triplet	28afed	`#28afed`
RGB Decimal	40, 175, 237	`rgb(40,175,237)`
RGB Percent	15.7, 68.6, 92.9	`rgb(15.7%,68.6%,92.9%)`
CMYK	83, 26, 0, 7
HSL	198.9°, 84.5, 54.3	`hsl(198.9,84.5%,54.3%)`
HSV (or HSB)	198.9°, 83.1, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.444, -13.704, -40.748
XYZ	31.487, 37.223, 85.641
xyY	0.204, 0.241, 37.223
CIE-LCH	67.444, 42.991, 251.412
CIE-LUV	67.444, -43.046, -63.743
Hunter-Lab	61.01, -14.645, -40.519
Binary	00101000, 10101111, 11101101

#28afed
```
#28afed rgb(40,175,237)
```
#ed6628
```
#ed6628 rgb(237,102,40)
```

Complementary Color

#28edc9
```
#28edc9 rgb(40,237,201)
```
#28afed
```
#28afed rgb(40,175,237)
```
#284ded
```
#284ded rgb(40,77,237)
```

Analogous Color

#edc928
```
#edc928 rgb(237,201,40)
```
#28afed
```
#28afed rgb(40,175,237)
```
#ed284d
```
#ed284d rgb(237,40,77)
```

Split Complementary Color

#afed28
```
#afed28 rgb(175,237,40)
```
#28afed
```
#28afed rgb(40,175,237)
```
#ed28af
```
#ed28af rgb(237,40,175)
```

Triadic Color

#28ed66
```
#28ed66 rgb(40,237,102)
```
#28afed
```
#28afed rgb(40,175,237)
```
#ed28af
```
#ed28af rgb(237,40,175)
```
#ed6628
```
#ed6628 rgb(237,102,40)
```

Tetradic Color

#0f84b9
```
#0f84b9 rgb(15,132,185)
```
#1194d1
```
#1194d1 rgb(17,148,209)
```
#13a5e8
```
#13a5e8 rgb(19,165,232)
```
#28afed
```
#28afed rgb(40,175,237)
```
#40b8ef
```
#40b8ef rgb(64,184,239)
```
#57c1f1
```
#57c1f1 rgb(87,193,241)
```
#6fc9f3
```
#6fc9f3 rgb(111,201,243)
```

Monochromatic Color

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

#28e0ed
```
#28e0ed rgb(40,224,237)
```
#28d0ed
```
#28d0ed rgb(40,208,237)
```
#28bfed
```
#28bfed rgb(40,191,237)
```
#28afed
```
#28afed rgb(40,175,237)
```
#289fed
```
#289fed rgb(40,159,237)
```
#288eed
```
#288eed rgb(40,142,237)
```
#287eed
```
#287eed rgb(40,126,237)
```

Similar Colors

Text with hexadecimal color #28afed

This text has a font color of #28afed.

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

#28afed background color

This paragraph has a background color of #28afed.

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

#28afed border color

This element has a border color of #28afed.

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

CSS codes

.text {color:#28afed;}

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

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

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 #eff9fe is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#020e14
```
#020e14 rgb(2,14,20)
```
#031b26
```
#031b26 rgb(3,27,38)
```
#052839
```
#052839 rgb(5,40,57)
```
#06354b
```
#06354b rgb(6,53,75)
```
#08425d
```
#08425d rgb(8,66,93)
```
#094f6f
```
#094f6f rgb(9,79,111)
```
#0b5c81
```
#0b5c81 rgb(11,92,129)
```
#0c6993
```
#0c6993 rgb(12,105,147)
```
#0e75a5
```
#0e75a5 rgb(14,117,165)
```
#0f82b7
```
#0f82b7 rgb(15,130,183)
```
#118fc9
```
#118fc9 rgb(17,143,201)
```
#129cdb
```
#129cdb rgb(18,156,219)
```

Shade Color Variation

#16a8eb
```
#16a8eb rgb(22,168,235)
```
#28afed
```
#28afed rgb(40,175,237)
```
#3ab6ef
```
#3ab6ef rgb(58,182,239)
```
#4cbcf0
```
#4cbcf0 rgb(76,188,240)
```
#5ec3f2
```
#5ec3f2 rgb(94,195,242)
```
#70caf3
```
#70caf3 rgb(112,202,243)
```
#83d1f5
```
#83d1f5 rgb(131,209,245)
```
#95d7f6
```
#95d7f6 rgb(149,215,246)
```
#a7def8
```
#a7def8 rgb(167,222,248)
```
#b9e5f9
```
#b9e5f9 rgb(185,229,249)
```
#cbecfb
```
#cbecfb rgb(203,236,251)
```
#ddf2fc
```
#ddf2fc rgb(221,242,252)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828e93 is the less saturated color, while #16b6ff is the most saturated one.

#828e93
```
#828e93 rgb(130,142,147)
```
#79919c
```
#79919c rgb(121,145,156)
```
#7094a5
```
#7094a5 rgb(112,148,165)
```
#6798ae
```
#6798ae rgb(103,152,174)
```
#5e9bb7
```
#5e9bb7 rgb(94,155,183)
```
#559ec0
```
#559ec0 rgb(85,158,192)
```
#4ca2c9
```
#4ca2c9 rgb(76,162,201)
```
#43a5d2
```
#43a5d2 rgb(67,165,210)
```
#3aa8db
```
#3aa8db rgb(58,168,219)
```
#31ace4
```
#31ace4 rgb(49,172,228)
```
#28afed
```
#28afed rgb(40,175,237)
```
#1fb2f6
```
#1fb2f6 rgb(31,178,246)
```
#16b6ff
```
#16b6ff rgb(22,182,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7a95a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a6e5 Protanopia 1% of men
#85a8f2 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#6da9e7 Protanomaly 1% of men, 0.01% of women
#63aaf0 Deuteranomaly 6% of men, 0.4% of women
#0eb5d4 Tritanomaly 0.01% of the population

#28afed hex color

#28afed Color Information

#28afed Color Conversion

Color Schemes with #28afed

Alternatives to #28afed

#28afed Preview

Shades and Tints of #28afed

Tones of #28afed

Color Blindness Simulator