#28a5fd Color Information
In a RGB color space, hex #28a5fd is composed of 15.7% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.8 degrees, a saturation of 98.2% and a lightness of 57.5%. #28a5fd color hex could be obtained by blending #50ffff with #004bfb. Closest websafe color is: #3399ff.
-
- R 16
- G 65
- B 99
-
- C 84
- M 35
- Y 0
- K 1
● #28a5fd color description : Bright blue.
#28a5fd Color Conversion
The hexadecimal color #28a5fd has RGB values of R:40, G:165, B:253 and CMYK values of C:0.84, M:0.35, Y:0, K:0.01. Its decimal value is 2663933.
Hex triplet | 28a5fd | #28a5fd |
---|---|---|
RGB Decimal | 40, 165, 253 | rgb(40,165,253) |
RGB Percent | 15.7, 64.7, 99.2 | rgb(15.7%,64.7%,99.2%) |
CMYK | 84, 35, 0, 1 | |
HSL | 204.8°, 98.2, 57.5 | hsl(204.8,98.2%,57.5%) |
HSV (or HSB) | 204.8°, 84.2, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.318, -2.474, -52.82 |
---|---|
XYZ | 32.056, 34.45, 97.883 |
xyY | 0.195, 0.21, 34.45 |
CIE-LCH | 65.318, 52.878, 267.318 |
CIE-LUV | 65.318, -38.755, -85.172 |
Hunter-Lab | 58.694, -5.229, -57.79 |
Binary | 00101000, 10100101, 11111101 |
Color Schemes with #28a5fd
Alternatives to #28a5fd
Below, you can see some colors close to #28a5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#28a5fd Preview
This text has a font color of #28a5fd.
<span style="color:#28a5fd;">Text here</span>
This paragraph has a background color of #28a5fd.
<p style="background-color:#28a5fd;">Content here</p>
This element has a border color of #28a5fd.
<div style="border:1px solid #28a5fd;">Content here</div>
.text {color:#28a5fd;}
.background {background-color:#28a5fd;}
.border {border:1px solid #28a5fd;}
Shades and Tints of #28a5fd
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, #000b12 is the darkest color, while #fefeff is the lightest one.
-
#000b12
#000b12
rgb(0,11,18)
-
#001626
#001626
rgb(0,22,38)
-
#012239
#012239
rgb(1,34,57)
-
#012d4d
#012d4d
rgb(1,45,77)
-
#013960
#013960
rgb(1,57,96)
-
#014473
#014473
rgb(1,68,115)
-
#015087
#015087
rgb(1,80,135)
-
#015b9a
#015b9a
rgb(1,91,154)
-
#0267ae
#0267ae
rgb(2,103,174)
-
#0272c1
#0272c1
rgb(2,114,193)
-
#027ed5
#027ed5
rgb(2,126,213)
-
#0289e8
#0289e8
rgb(2,137,232)
-
#0295fb
#0295fb
rgb(2,149,251)
-
#159dfd
#159dfd
rgb(21,157,253)
-
#28a5fd
#28a5fd
rgb(40,165,253)
-
#3badfd
#3badfd
rgb(59,173,253)
-
#4fb5fd
#4fb5fd
rgb(79,181,253)
-
#62bdfe
#62bdfe
rgb(98,189,254)
-
#76c6fe
#76c6fe
rgb(118,198,254)
-
#89cefe
#89cefe
rgb(137,206,254)
-
#9dd6fe
#9dd6fe
rgb(157,214,254)
-
#b0defe
#b0defe
rgb(176,222,254)
-
#c3e6fe
#c3e6fe
rgb(195,230,254)
-
#d7eeff
#d7eeff
rgb(215,238,255)
-
#eaf6ff
#eaf6ff
rgb(234,246,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #28a5fd
A tone is produced by adding gray to any pure hue. In this case, #8c9499 is the less saturated color, while #28a5fd is the most saturated one.
-
#8c9499
#8c9499
rgb(140,148,153)
-
#8495a1
#8495a1
rgb(132,149,161)
-
#7b97aa
#7b97aa
rgb(123,151,170)
-
#7398b2
#7398b2
rgb(115,152,178)
-
#6b99ba
#6b99ba
rgb(107,153,186)
-
#629bc3
#629bc3
rgb(98,155,195)
-
#5a9ccb
#5a9ccb
rgb(90,156,203)
-
#529ed3
#529ed3
rgb(82,158,211)
-
#499fdc
#499fdc
rgb(73,159,220)
-
#41a1e4
#41a1e4
rgb(65,161,228)
-
#39a2ec
#39a2ec
rgb(57,162,236)
-
#30a4f5
#30a4f5
rgb(48,164,245)
-
#28a5fd
#28a5fd
rgb(40,165,253)
Color Blindness Simulator
Below, you can see how #28a5fd 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.