#285afd hex color

In a RGB color space, hex #285afd is composed of 15.7% red, 35.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 64.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 225.9 degrees, a saturation of 98.2% and a lightness of 57.5%. #285afd color hex could be obtained by blending #50b4ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 35
- B 99
RGB color chart
- C 84
- M 64
- Y 0
- K 1
CMYK color chart

● #285afd color description : Bright blue.

The hexadecimal color #285afd has RGB values of R:40, G:90, B:253 and CMYK values of C:0.84, M:0.64, Y:0, K:0.01. Its decimal value is 2644733.

Hex triplet	285afd	`#285afd`
RGB Decimal	40, 90, 253	`rgb(40,90,253)`
RGB Percent	15.7, 35.3, 99.2	`rgb(15.7%,35.3%,99.2%)`
CMYK	84, 64, 0, 1
HSL	225.9°, 98.2, 57.5	`hsl(225.9,98.2%,57.5%)`
HSV (or HSB)	225.9°, 84.2, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.433, 43.389, -84.934
XYZ	22.257, 14.854, 94.617
xyY	0.169, 0.113, 14.854
CIE-LCH	45.433, 95.376, 297.06
CIE-LUV	45.433, -17.433, -127.332
Hunter-Lab	38.54, 35.639, -118.58
Binary	00101000, 01011010, 11111101

#285afd
```
#285afd rgb(40,90,253)
```
#fdcb28
```
#fdcb28 rgb(253,203,40)
```

Complementary Color

#28c5fd
```
#28c5fd rgb(40,197,253)
```
#285afd
```
#285afd rgb(40,90,253)
```
#6028fd
```
#6028fd rgb(96,40,253)
```

Analogous Color

#c5fd28
```
#c5fd28 rgb(197,253,40)
```
#285afd
```
#285afd rgb(40,90,253)
```
#fd6028
```
#fd6028 rgb(253,96,40)
```

Split Complementary Color

#5afd28
```
#5afd28 rgb(90,253,40)
```
#285afd
```
#285afd rgb(40,90,253)
```
#fd285a
```
#fd285a rgb(253,40,90)
```

Triadic Color

#28fdcb
```
#28fdcb rgb(40,253,203)
```
#285afd
```
#285afd rgb(40,90,253)
```
#fd285a
```
#fd285a rgb(253,40,90)
```
#fdcb28
```
#fdcb28 rgb(253,203,40)
```

Tetradic Color

#0234d7
```
#0234d7 rgb(2,52,215)
```
#023af0
```
#023af0 rgb(2,58,240)
```
#0f47fd
```
#0f47fd rgb(15,71,253)
```
#285afd
```
#285afd rgb(40,90,253)
```
#416dfd
```
#416dfd rgb(65,109,253)
```
#5b81fd
```
#5b81fd rgb(91,129,253)
```
#7494fe
```
#7494fe rgb(116,148,254)
```

Monochromatic Color

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

#288ffd
```
#288ffd rgb(40,143,253)
```
#287efd
```
#287efd rgb(40,126,253)
```
#286cfd
```
#286cfd rgb(40,108,253)
```
#285afd
```
#285afd rgb(40,90,253)
```
#2848fd
```
#2848fd rgb(40,72,253)
```
#2837fd
```
#2837fd rgb(40,55,253)
```
#2b28fd
```
#2b28fd rgb(43,40,253)
```

Similar Colors

Text with hexadecimal color #285afd

This text has a font color of #285afd.

<span style="color:#285afd;">Text here</span>

#285afd background color

This paragraph has a background color of #285afd.

<p style="background-color:#285afd;">Content here</p>

#285afd border color

This element has a border color of #285afd.

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

CSS codes

.text {color:#285afd;}

.background {background-color:#285afd;}

.border {border:1px solid #285afd;}

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

#000412
```
#000412 rgb(0,4,18)
```
#000926
```
#000926 rgb(0,9,38)
```
#010e39
```
#010e39 rgb(1,14,57)
```
#01134d
```
#01134d rgb(1,19,77)
```
#011760
```
#011760 rgb(1,23,96)
```
#011c73
```
#011c73 rgb(1,28,115)
```
#012187
```
#012187 rgb(1,33,135)
```
#01259a
```
#01259a rgb(1,37,154)
```
#022aae
```
#022aae rgb(2,42,174)
```
#022fc1
```
#022fc1 rgb(2,47,193)
```
#0233d5
```
#0233d5 rgb(2,51,213)
```
#0238e8
```
#0238e8 rgb(2,56,232)
```
#023dfb
```
#023dfb rgb(2,61,251)
```

Shade Color Variation

#154bfd
```
#154bfd rgb(21,75,253)
```
#285afd
```
#285afd rgb(40,90,253)
```
#3b69fd
```
#3b69fd rgb(59,105,253)
```
#4f78fd
```
#4f78fd rgb(79,120,253)
```
#6287fe
```
#6287fe rgb(98,135,254)
```
#7696fe
```
#7696fe rgb(118,150,254)
```
#89a5fe
```
#89a5fe rgb(137,165,254)
```
#9db3fe
```
#9db3fe rgb(157,179,254)
```
#b0c2fe
```
#b0c2fe rgb(176,194,254)
```
#c3d1fe
```
#c3d1fe rgb(195,209,254)
```
#d7e0ff
```
#d7e0ff rgb(215,224,255)
```
#eaefff
```
#eaefff rgb(234,239,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8f99 is the less saturated color, while #285afd is the most saturated one.

#8c8f99
```
#8c8f99 rgb(140,143,153)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#7b86aa
```
#7b86aa rgb(123,134,170)
```
#7382b2
```
#7382b2 rgb(115,130,178)
```
#6b7dba
```
#6b7dba rgb(107,125,186)
```
#6279c3
```
#6279c3 rgb(98,121,195)
```
#5a75cb
```
#5a75cb rgb(90,117,203)
```
#5270d3
```
#5270d3 rgb(82,112,211)
```
#496cdc
```
#496cdc rgb(73,108,220)
```
#4167e4
```
#4167e4 rgb(65,103,228)
```
#3963ec
```
#3963ec rgb(57,99,236)
```
#305ef5
```
#305ef5 rgb(48,94,245)
```
#285afd
```
#285afd rgb(40,90,253)
```

Tone Color Variation

Below, you can see how #285afd 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

#5e5e5e Achromatopsia 0.005% of the population
#535d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#0e67e6 Protanomaly 1% of men, 0.01% of women
#0e6bd4 Deuteranomaly 6% of men, 0.4% of women
#0e71b0 Tritanomaly 0.01% of the population

#285afd hex color

#285afd Color Information

#285afd Color Conversion

Color Schemes with #285afd

Alternatives to #285afd

#285afd Preview

Shades and Tints of #285afd

Tones of #285afd

Color Blindness Simulator