#285bec hex color

In a RGB color space, hex #285bec is composed of 15.7% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 224.4 degrees, a saturation of 83.8% and a lightness of 54.1%. #285bec color hex could be obtained by blending #50b6ff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 36
- B 93
RGB color chart
- C 83
- M 61
- Y 0
- K 7
CMYK color chart

● #285bec color description : Bright blue.

The hexadecimal color #285bec has RGB values of R:40, G:91, B:236 and CMYK values of C:0.83, M:0.61, Y:0, K:0.07. Its decimal value is 2644972.

Hex triplet	285bec	`#285bec`
RGB Decimal	40, 91, 236	`rgb(40,91,236)`
RGB Percent	15.7, 35.7, 92.5	`rgb(15.7%,35.7%,92.5%)`
CMYK	83, 61, 0, 7
HSL	224.4°, 83.8, 54.1	`hsl(224.4,83.8%,54.1%)`
HSV (or HSB)	224.4°, 83.1, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.216, 36.617, -77.408
XYZ	19.753, 13.988, 81.011
xyY	0.172, 0.122, 13.988
CIE-LCH	44.216, 85.632, 295.316
CIE-LUV	44.216, -17.62, -116.087
Hunter-Lab	37.4, 28.825, -102.245
Binary	00101000, 01011011, 11101100

#285bec
```
#285bec rgb(40,91,236)
```
#ecb928
```
#ecb928 rgb(236,185,40)
```

Complementary Color

#28bdec
```
#28bdec rgb(40,189,236)
```
#285bec
```
#285bec rgb(40,91,236)
```
#5728ec
```
#5728ec rgb(87,40,236)
```

Analogous Color

#bdec28
```
#bdec28 rgb(189,236,40)
```
#285bec
```
#285bec rgb(40,91,236)
```
#ec5728
```
#ec5728 rgb(236,87,40)
```

Split Complementary Color

#5bec28
```
#5bec28 rgb(91,236,40)
```
#285bec
```
#285bec rgb(40,91,236)
```
#ec285b
```
#ec285b rgb(236,40,91)
```

Triadic Color

#28ecb9
```
#28ecb9 rgb(40,236,185)
```
#285bec
```
#285bec rgb(40,91,236)
```
#ec285b
```
#ec285b rgb(236,40,91)
```
#ecb928
```
#ecb928 rgb(236,185,40)
```

Tetradic Color

#103cb7
```
#103cb7 rgb(16,60,183)
```
#1243cf
```
#1243cf rgb(18,67,207)
```
#144be6
```
#144be6 rgb(20,75,230)
```
#285bec
```
#285bec rgb(40,91,236)
```
#3f6dee
```
#3f6dee rgb(63,109,238)
```
#577ff0
```
#577ff0 rgb(87,127,240)
```
#6e91f2
```
#6e91f2 rgb(110,145,242)
```

Monochromatic Color

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

#288cec
```
#288cec rgb(40,140,236)
```
#287cec
```
#287cec rgb(40,124,236)
```
#286bec
```
#286bec rgb(40,107,236)
```
#285bec
```
#285bec rgb(40,91,236)
```
#284bec
```
#284bec rgb(40,75,236)
```
#283aec
```
#283aec rgb(40,58,236)
```
#282aec
```
#282aec rgb(40,42,236)
```

Similar Colors

Text with hexadecimal color #285bec

This text has a font color of #285bec.

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

#285bec background color

This paragraph has a background color of #285bec.

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

#285bec border color

This element has a border color of #285bec.

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

CSS codes

.text {color:#285bec;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020613
```
#020613 rgb(2,6,19)
```
#030c25
```
#030c25 rgb(3,12,37)
```
#051237
```
#051237 rgb(5,18,55)
```
#061849
```
#061849 rgb(6,24,73)
```
#081e5b
```
#081e5b rgb(8,30,91)
```
#0a246d
```
#0a246d rgb(10,36,109)
```
#0b297f
```
#0b297f rgb(11,41,127)
```
#0d2f91
```
#0d2f91 rgb(13,47,145)
```
#0e35a3
```
#0e35a3 rgb(14,53,163)
```
#103bb5
```
#103bb5 rgb(16,59,181)
```
#1241c8
```
#1241c8 rgb(18,65,200)
```
#1347da
```
#1347da rgb(19,71,218)
```

Shade Color Variation

#164dea
```
#164dea rgb(22,77,234)
```
#285bec
```
#285bec rgb(40,91,236)
```
#3a69ee
```
#3a69ee rgb(58,105,238)
```
#4c76ef
```
#4c76ef rgb(76,118,239)
```
#5e84f1
```
#5e84f1 rgb(94,132,241)
```
#7092f2
```
#7092f2 rgb(112,146,242)
```
#82a0f4
```
#82a0f4 rgb(130,160,244)
```
#94adf6
```
#94adf6 rgb(148,173,246)
```
#a6bbf7
```
#a6bbf7 rgb(166,187,247)
```
#b8c9f9
```
#b8c9f9 rgb(184,201,249)
```
#cad7fa
```
#cad7fa rgb(202,215,250)
```
#dce4fc
```
#dce4fc rgb(220,228,252)
```
#eef2fe
```
#eef2fe rgb(238,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828692 is the less saturated color, while #1652fe is the most saturated one.

#828692
```
#828692 rgb(130,134,146)
```
#79829b
```
#79829b rgb(121,130,155)
```
#707ea4
```
#707ea4 rgb(112,126,164)
```
#6779ad
```
#6779ad rgb(103,121,173)
```
#5e75b6
```
#5e75b6 rgb(94,117,182)
```
#5571bf
```
#5571bf rgb(85,113,191)
```
#4c6cc8
```
#4c6cc8 rgb(76,108,200)
```
#4368d1
```
#4368d1 rgb(67,104,209)
```
#3a64da
```
#3a64da rgb(58,100,218)
```
#315fe3
```
#315fe3 rgb(49,95,227)
```
#285bec
```
#285bec rgb(40,91,236)
```
#1f57f5
```
#1f57f5 rgb(31,87,245)
```
#1652fe
```
#1652fe rgb(22,82,254)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#525c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#0e66dd Protanomaly 1% of men, 0.01% of women
#0e6acb Deuteranomaly 6% of men, 0.4% of women
#0e6fa8 Tritanomaly 0.01% of the population

#285bec hex color

#285bec Color Information

#285bec Color Conversion

Color Schemes with #285bec

Alternatives to #285bec

#285bec Preview

Shades and Tints of #285bec

Tones of #285bec

Color Blindness Simulator