#285cfd hex color

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

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

● #285cfd color description : Bright blue.

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

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

CIE-LAB	45.901, 42.16, -84.166
XYZ	22.428, 15.196, 94.674
xyY	0.17, 0.115, 15.196
CIE-LCH	45.901, 94.135, 296.607
CIE-LUV	45.901, -17.877, -126.751
Hunter-Lab	38.981, 34.483, -116.71
Binary	00101000, 01011100, 11111101

#285cfd
```
#285cfd rgb(40,92,253)
```
#fdc928
```
#fdc928 rgb(253,201,40)
```

Complementary Color

#28c7fd
```
#28c7fd rgb(40,199,253)
```
#285cfd
```
#285cfd rgb(40,92,253)
```
#5f28fd
```
#5f28fd rgb(95,40,253)
```

Analogous Color

#c7fd28
```
#c7fd28 rgb(199,253,40)
```
#285cfd
```
#285cfd rgb(40,92,253)
```
#fd5f28
```
#fd5f28 rgb(253,95,40)
```

Split Complementary Color

#5cfd28
```
#5cfd28 rgb(92,253,40)
```
#285cfd
```
#285cfd rgb(40,92,253)
```
#fd285c
```
#fd285c rgb(253,40,92)
```

Triadic Color

#28fdc9
```
#28fdc9 rgb(40,253,201)
```
#285cfd
```
#285cfd rgb(40,92,253)
```
#fd285c
```
#fd285c rgb(253,40,92)
```
#fdc928
```
#fdc928 rgb(253,201,40)
```

Tetradic Color

#0236d7
```
#0236d7 rgb(2,54,215)
```
#023cf0
```
#023cf0 rgb(2,60,240)
```
#0f49fd
```
#0f49fd rgb(15,73,253)
```
#285cfd
```
#285cfd rgb(40,92,253)
```
#416ffd
```
#416ffd rgb(65,111,253)
```
#5b82fd
```
#5b82fd rgb(91,130,253)
```
#7495fe
```
#7495fe rgb(116,149,254)
```

Monochromatic Color

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

#2891fd
```
#2891fd rgb(40,145,253)
```
#2880fd
```
#2880fd rgb(40,128,253)
```
#286efd
```
#286efd rgb(40,110,253)
```
#285cfd
```
#285cfd rgb(40,92,253)
```
#284afd
```
#284afd rgb(40,74,253)
```
#2838fd
```
#2838fd rgb(40,56,253)
```
#2928fd
```
#2928fd rgb(41,40,253)
```

Similar Colors

Text with hexadecimal color #285cfd

This text has a font color of #285cfd.

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

#285cfd background color

This paragraph has a background color of #285cfd.

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

#285cfd border color

This element has a border color of #285cfd.

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

CSS codes

.text {color:#285cfd;}

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

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

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

#000512
```
#000512 rgb(0,5,18)
```
#000926
```
#000926 rgb(0,9,38)
```
#010e39
```
#010e39 rgb(1,14,57)
```
#01134d
```
#01134d rgb(1,19,77)
```
#011860
```
#011860 rgb(1,24,96)
```
#011d73
```
#011d73 rgb(1,29,115)
```
#012287
```
#012287 rgb(1,34,135)
```
#01279a
```
#01279a rgb(1,39,154)
```
#022cae
```
#022cae rgb(2,44,174)
```
#0231c1
```
#0231c1 rgb(2,49,193)
```
#0235d5
```
#0235d5 rgb(2,53,213)
```
#023ae8
```
#023ae8 rgb(2,58,232)
```
#023ffb
```
#023ffb rgb(2,63,251)
```

Shade Color Variation

#154dfd
```
#154dfd rgb(21,77,253)
```
#285cfd
```
#285cfd rgb(40,92,253)
```
#3b6bfd
```
#3b6bfd rgb(59,107,253)
```
#4f79fd
```
#4f79fd rgb(79,121,253)
```
#6288fe
```
#6288fe rgb(98,136,254)
```
#7697fe
```
#7697fe rgb(118,151,254)
```
#89a6fe
```
#89a6fe rgb(137,166,254)
```
#9db4fe
```
#9db4fe rgb(157,180,254)
```
#b0c3fe
```
#b0c3fe rgb(176,195,254)
```
#c3d2fe
```
#c3d2fe rgb(195,210,254)
```
#d7e1ff
```
#d7e1ff rgb(215,225,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 #285cfd is the most saturated one.

#8c8f99
```
#8c8f99 rgb(140,143,153)
```
#848ba1
```
#848ba1 rgb(132,139,161)
```
#7b87aa
```
#7b87aa rgb(123,135,170)
```
#7382b2
```
#7382b2 rgb(115,130,178)
```
#6b7eba
```
#6b7eba rgb(107,126,186)
```
#627ac3
```
#627ac3 rgb(98,122,195)
```
#5a76cb
```
#5a76cb rgb(90,118,203)
```
#5271d3
```
#5271d3 rgb(82,113,211)
```
#496ddc
```
#496ddc rgb(73,109,220)
```
#4169e4
```
#4169e4 rgb(65,105,228)
```
#3965ec
```
#3965ec rgb(57,101,236)
```
#3060f5
```
#3060f5 rgb(48,96,245)
```
#285cfd
```
#285cfd rgb(40,92,253)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#545e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#0e69e8 Protanomaly 1% of men, 0.01% of women
#0e6dd5 Deuteranomaly 6% of men, 0.4% of women
#0e72b1 Tritanomaly 0.01% of the population

#285cfd hex color

#285cfd Color Information

#285cfd Color Conversion

Color Schemes with #285cfd

Alternatives to #285cfd

#285cfd Preview

Shades and Tints of #285cfd

Tones of #285cfd

Color Blindness Simulator