#285bfb hex color

In a RGB color space, hex #285bfb is composed of 15.7% red, 35.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 63.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 225.5 degrees, a saturation of 96.3% and a lightness of 57.1%. #285bfb color hex could be obtained by blending #50b6ff with #0000f7. Closest websafe color is: #3366ff.

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

● #285bfb color description : Bright blue.

The hexadecimal color #285bfb has RGB values of R:40, G:91, B:251 and CMYK values of C:0.84, M:0.64, Y:0, K:0.02. Its decimal value is 2644987.

Hex triplet	285bfb	`#285bfb`
RGB Decimal	40, 91, 251	`rgb(40,91,251)`
RGB Percent	15.7, 35.7, 98.4	`rgb(15.7%,35.7%,98.4%)`
CMYK	84, 64, 0, 2
HSL	225.5°, 96.3, 57.1	`hsl(225.5,96.3%,57.1%)`
HSV (or HSB)	225.5°, 84.1, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.492, 42.059, -83.722
XYZ	22.025, 14.897, 92.976
xyY	0.17, 0.115, 14.897
CIE-LCH	45.492, 93.693, 296.673
CIE-LUV	45.492, -17.646, -125.776
Hunter-Lab	38.596, 34.319, -115.809
Binary	00101000, 01011011, 11111011

#285bfb
```
#285bfb rgb(40,91,251)
```
#fbc828
```
#fbc828 rgb(251,200,40)
```

Complementary Color

#28c5fb
```
#28c5fb rgb(40,197,251)
```
#285bfb
```
#285bfb rgb(40,91,251)
```
#5f28fb
```
#5f28fb rgb(95,40,251)
```

Analogous Color

#c5fb28
```
#c5fb28 rgb(197,251,40)
```
#285bfb
```
#285bfb rgb(40,91,251)
```
#fb5e28
```
#fb5e28 rgb(251,94,40)
```

Split Complementary Color

#5bfb28
```
#5bfb28 rgb(91,251,40)
```
#285bfb
```
#285bfb rgb(40,91,251)
```
#fb285b
```
#fb285b rgb(251,40,91)
```

Triadic Color

#28fbc8
```
#28fbc8 rgb(40,251,200)
```
#285bfb
```
#285bfb rgb(40,91,251)
```
#fb285b
```
#fb285b rgb(251,40,91)
```
#fbc828
```
#fbc828 rgb(251,200,40)
```

Tetradic Color

#0436d3
```
#0436d3 rgb(4,54,211)
```
#043cec
```
#043cec rgb(4,60,236)
```
#0f48fb
```
#0f48fb rgb(15,72,251)
```
#285bfb
```
#285bfb rgb(40,91,251)
```
#416efb
```
#416efb rgb(65,110,251)
```
#5a81fc
```
#5a81fc rgb(90,129,252)
```
#7394fc
```
#7394fc rgb(115,148,252)
```

Monochromatic Color

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

#2890fb
```
#2890fb rgb(40,144,251)
```
#287efb
```
#287efb rgb(40,126,251)
```
#286dfb
```
#286dfb rgb(40,109,251)
```
#285bfb
```
#285bfb rgb(40,91,251)
```
#2849fb
```
#2849fb rgb(40,73,251)
```
#2838fb
```
#2838fb rgb(40,56,251)
```
#2a28fb
```
#2a28fb rgb(42,40,251)
```

Similar Colors

Text with hexadecimal color #285bfb

This text has a font color of #285bfb.

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

#285bfb background color

This paragraph has a background color of #285bfb.

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

#285bfb border color

This element has a border color of #285bfb.

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

CSS codes

.text {color:#285bfb;}

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

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

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

#000410
```
#000410 rgb(0,4,16)
```
#010923
```
#010923 rgb(1,9,35)
```
#010e37
```
#010e37 rgb(1,14,55)
```
#01134a
```
#01134a rgb(1,19,74)
```
#02185d
```
#02185d rgb(2,24,93)
```
#021d70
```
#021d70 rgb(2,29,112)
```
#022284
```
#022284 rgb(2,34,132)
```
#032797
```
#032797 rgb(3,39,151)
```
#032caa
```
#032caa rgb(3,44,170)
```
#0430bd
```
#0430bd rgb(4,48,189)
```
#0435d1
```
#0435d1 rgb(4,53,209)
```
#043ae4
```
#043ae4 rgb(4,58,228)
```
#053ff7
```
#053ff7 rgb(5,63,247)
```

Shade Color Variation

#154cfb
```
#154cfb rgb(21,76,251)
```
#285bfb
```
#285bfb rgb(40,91,251)
```
#3b6afb
```
#3b6afb rgb(59,106,251)
```
#4f78fc
```
#4f78fc rgb(79,120,252)
```
#6287fc
```
#6287fc rgb(98,135,252)
```
#7596fc
```
#7596fc rgb(117,150,252)
```
#88a4fd
```
#88a4fd rgb(136,164,253)
```
#9cb3fd
```
#9cb3fd rgb(156,179,253)
```
#afc2fe
```
#afc2fe rgb(175,194,254)
```
#c2d1fe
```
#c2d1fe rgb(194,209,254)
```
#d5dffe
```
#d5dffe rgb(213,223,254)
```
#e9eeff
```
#e9eeff rgb(233,238,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8d8f96
```
#8d8f96 rgb(141,143,150)
```
#858b9e
```
#858b9e rgb(133,139,158)
```
#7c87a7
```
#7c87a7 rgb(124,135,167)
```
#7482af
```
#7482af rgb(116,130,175)
```
#6b7eb8
```
#6b7eb8 rgb(107,126,184)
```
#6379c0
```
#6379c0 rgb(99,121,192)
```
#5b75c8
```
#5b75c8 rgb(91,117,200)
```
#5271d1
```
#5271d1 rgb(82,113,209)
```
#4a6cd9
```
#4a6cd9 rgb(74,108,217)
```
#4168e2
```
#4168e2 rgb(65,104,226)
```
#3964ea
```
#3964ea rgb(57,100,234)
```
#305ff3
```
#305ff3 rgb(48,95,243)
```
#285bfb
```
#285bfb rgb(40,91,251)
```

Tone Color Variation

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

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

#285bfb hex color

#285bfb Color Information

#285bfb Color Conversion

Color Schemes with #285bfb

Alternatives to #285bfb

#285bfb Preview

Shades and Tints of #285bfb

Tones of #285bfb

Color Blindness Simulator