#285bf7 hex color

In a RGB color space, hex #285bf7 is composed of 15.7% red, 35.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 63.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 225.2 degrees, a saturation of 92.8% and a lightness of 56.3%. #285bf7 color hex could be obtained by blending #50b6ff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 36
- B 97
RGB color chart
- C 84
- M 63
- Y 0
- K 3
CMYK color chart

● #285bf7 color description : Bright blue.

The hexadecimal color #285bf7 has RGB values of R:40, G:91, B:247 and CMYK values of C:0.84, M:0.63, Y:0, K:0.03. Its decimal value is 2644983.

Hex triplet	285bf7	`#285bf7`
RGB Decimal	40, 91, 247	`rgb(40,91,247)`
RGB Percent	15.7, 35.7, 96.9	`rgb(15.7%,35.7%,96.9%)`
CMYK	84, 63, 0, 3
HSL	225.2°, 92.8, 56.3	`hsl(225.2,92.8%,56.3%)`
HSV (or HSB)	225.2°, 83.8, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.147, 40.62, -82.055
XYZ	21.401, 14.647, 89.69
xyY	0.17, 0.116, 14.647
CIE-LCH	45.147, 91.559, 296.337
CIE-LUV	45.147, -17.634, -123.221
Hunter-Lab	38.271, 32.841, -112.157
Binary	00101000, 01011011, 11110111

#285bf7
```
#285bf7 rgb(40,91,247)
```
#f7c428
```
#f7c428 rgb(247,196,40)
```

Complementary Color

#28c3f7
```
#28c3f7 rgb(40,195,247)
```
#285bf7
```
#285bf7 rgb(40,91,247)
```
#5d28f7
```
#5d28f7 rgb(93,40,247)
```

Analogous Color

#c3f728
```
#c3f728 rgb(195,247,40)
```
#285bf7
```
#285bf7 rgb(40,91,247)
```
#f75d28
```
#f75d28 rgb(247,93,40)
```

Split Complementary Color

#5bf728
```
#5bf728 rgb(91,247,40)
```
#285bf7
```
#285bf7 rgb(40,91,247)
```
#f7285b
```
#f7285b rgb(247,40,91)
```

Triadic Color

#28f7c4
```
#28f7c4 rgb(40,247,196)
```
#285bf7
```
#285bf7 rgb(40,91,247)
```
#f7285b
```
#f7285b rgb(247,40,91)
```
#f7c428
```
#f7c428 rgb(247,196,40)
```

Tetradic Color

#0838cb
```
#0838cb rgb(8,56,203)
```
#083ee4
```
#083ee4 rgb(8,62,228)
```
#0f48f6
```
#0f48f6 rgb(15,72,246)
```
#285bf7
```
#285bf7 rgb(40,91,247)
```
#416ef8
```
#416ef8 rgb(65,110,248)
```
#5981f9
```
#5981f9 rgb(89,129,249)
```
#7293fa
```
#7293fa rgb(114,147,250)
```

Monochromatic Color

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

#288ff7
```
#288ff7 rgb(40,143,247)
```
#287ef7
```
#287ef7 rgb(40,126,247)
```
#286cf7
```
#286cf7 rgb(40,108,247)
```
#285bf7
```
#285bf7 rgb(40,91,247)
```
#284af7
```
#284af7 rgb(40,74,247)
```
#2839f7
```
#2839f7 rgb(40,57,247)
```
#2928f7
```
#2928f7 rgb(41,40,247)
```

Similar Colors

Text with hexadecimal color #285bf7

This text has a font color of #285bf7.

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

#285bf7 background color

This paragraph has a background color of #285bf7.

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

#285bf7 border color

This element has a border color of #285bf7.

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

CSS codes

.text {color:#285bf7;}

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

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

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, #00030c is the darkest color, while #f8faff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#01081f
```
#01081f rgb(1,8,31)
```
#020e32
```
#020e32 rgb(2,14,50)
```
#031345
```
#031345 rgb(3,19,69)
```
#031858
```
#031858 rgb(3,24,88)
```
#041d6a
```
#041d6a rgb(4,29,106)
```
#05227d
```
#05227d rgb(5,34,125)
```
#052890
```
#052890 rgb(5,40,144)
```
#062da3
```
#062da3 rgb(6,45,163)
```
#0732b6
```
#0732b6 rgb(7,50,182)
```
#0737c9
```
#0737c9 rgb(7,55,201)
```
#083cdc
```
#083cdc rgb(8,60,220)
```
#0942ef
```
#0942ef rgb(9,66,239)
```

Shade Color Variation

#154df6
```
#154df6 rgb(21,77,246)
```
#285bf7
```
#285bf7 rgb(40,91,247)
```
#3b69f8
```
#3b69f8 rgb(59,105,248)
```
#4e78f8
```
#4e78f8 rgb(78,120,248)
```
#6186f9
```
#6186f9 rgb(97,134,249)
```
#7495fa
```
#7495fa rgb(116,149,250)
```
#87a3fb
```
#87a3fb rgb(135,163,251)
```
#99b2fb
```
#99b2fb rgb(153,178,251)
```
#acc0fc
```
#acc0fc rgb(172,192,252)
```
#bfcefd
```
#bfcefd rgb(191,206,253)
```
#d2ddfd
```
#d2ddfd rgb(210,221,253)
```
#e5ebfe
```
#e5ebfe rgb(229,235,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#8f8f90
```
#8f8f90 rgb(143,143,144)
```
#868b99
```
#868b99 rgb(134,139,153)
```
#7e87a1
```
#7e87a1 rgb(126,135,161)
```
#7582aa
```
#7582aa rgb(117,130,170)
```
#6d7eb2
```
#6d7eb2 rgb(109,126,178)
```
#6479bb
```
#6479bb rgb(100,121,187)
```
#5b75c4
```
#5b75c4 rgb(91,117,196)
```
#5371cc
```
#5371cc rgb(83,113,204)
```
#4a6cd5
```
#4a6cd5 rgb(74,108,213)
```
#4268dd
```
#4268dd rgb(66,104,221)
```
#3964e6
```
#3964e6 rgb(57,100,230)
```
#315fee
```
#315fee rgb(49,95,238)
```
#285bf7
```
#285bf7 rgb(40,91,247)
```

Tone Color Variation

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

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#0e67e3 Protanomaly 1% of men, 0.01% of women
#0e6bd1 Deuteranomaly 6% of men, 0.4% of women
#0e71ae Tritanomaly 0.01% of the population

#285bf7 hex color

#285bf7 Color Information

#285bf7 Color Conversion

Color Schemes with #285bf7

Alternatives to #285bf7

#285bf7 Preview

Shades and Tints of #285bf7

Tones of #285bf7

Color Blindness Simulator