#285fbe hex color

In a RGB color space, hex #285fbe is composed of 15.7% red, 37.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 50% magenta, 0% yellow and 25.5% black. It has a hue angle of 218 degrees, a saturation of 65.2% and a lightness of 45.1%. #285fbe color hex could be obtained by blending #50beff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 37
- B 75
RGB color chart
- C 79
- M 50
- Y 0
- K 25
CMYK color chart

● #285fbe color description : Strong blue.

The hexadecimal color #285fbe has RGB values of R:40, G:95, B:190 and CMYK values of C:0.79, M:0.5, Y:0, K:0.25. Its decimal value is 2645950.

Hex triplet	285fbe	`#285fbe`
RGB Decimal	40, 95, 190	`rgb(40,95,190)`
RGB Percent	15.7, 37.3, 74.5	`rgb(15.7%,37.3%,74.5%)`
CMYK	79, 50, 0, 25
HSL	218°, 65.2, 45.1	`hsl(218,65.2%,45.1%)`
HSV (or HSB)	218°, 78.9, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.77, 16.67, -55.05
XYZ	14.26, 12.352, 50.345
xyY	0.185, 0.161, 12.352
CIE-LCH	41.77, 57.519, 286.847
CIE-LUV	41.77, -19.083, -82.122
Hunter-Lab	35.146, 10.917, -60.329
Binary	00101000, 01011111, 10111110

#285fbe
```
#285fbe rgb(40,95,190)
```
#be8728
```
#be8728 rgb(190,135,40)
```

Complementary Color

#28aabe
```
#28aabe rgb(40,170,190)
```
#285fbe
```
#285fbe rgb(40,95,190)
```
#3c28be
```
#3c28be rgb(60,40,190)
```

Analogous Color

#aabe28
```
#aabe28 rgb(170,190,40)
```
#285fbe
```
#285fbe rgb(40,95,190)
```
#be3c28
```
#be3c28 rgb(190,60,40)
```

Split Complementary Color

#5fbe28
```
#5fbe28 rgb(95,190,40)
```
#285fbe
```
#285fbe rgb(40,95,190)
```
#be285f
```
#be285f rgb(190,40,95)
```

Triadic Color

#28be87
```
#28be87 rgb(40,190,135)
```
#285fbe
```
#285fbe rgb(40,95,190)
```
#be285f
```
#be285f rgb(190,40,95)
```
#be8728
```
#be8728 rgb(190,135,40)
```

Tetradic Color

#1b3f7f
```
#1b3f7f rgb(27,63,127)
```
#1f4a94
```
#1f4a94 rgb(31,74,148)
```
#2454a9
```
#2454a9 rgb(36,84,169)
```
#285fbe
```
#285fbe rgb(40,95,190)
```
#2d6ad3
```
#2d6ad3 rgb(45,106,211)
```
#4279d7
```
#4279d7 rgb(66,121,215)
```
#5788dc
```
#5788dc rgb(87,136,220)
```

Monochromatic Color

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

#2885be
```
#2885be rgb(40,133,190)
```
#2878be
```
#2878be rgb(40,120,190)
```
#286cbe
```
#286cbe rgb(40,108,190)
```
#285fbe
```
#285fbe rgb(40,95,190)
```
#2853be
```
#2853be rgb(40,83,190)
```
#2846be
```
#2846be rgb(40,70,190)
```
#283abe
```
#283abe rgb(40,58,190)
```

Similar Colors

Text with hexadecimal color #285fbe

This text has a font color of #285fbe.

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

#285fbe background color

This paragraph has a background color of #285fbe.

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

#285fbe border color

This element has a border color of #285fbe.

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

CSS codes

.text {color:#285fbe;}

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

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

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

#02060c
```
#02060c rgb(2,6,12)
```
#060e1c
```
#060e1c rgb(6,14,28)
```
#09162c
```
#09162c rgb(9,22,44)
```
#0d1e3c
```
#0d1e3c rgb(13,30,60)
```
#10264d
```
#10264d rgb(16,38,77)
```
#142e5d
```
#142e5d rgb(20,46,93)
```
#17366d
```
#17366d rgb(23,54,109)
```
#1a3f7d
```
#1a3f7d rgb(26,63,125)
```
#1e478d
```
#1e478d rgb(30,71,141)
```
#214f9e
```
#214f9e rgb(33,79,158)
```
#2557ae
```
#2557ae rgb(37,87,174)
```
#285fbe
```
#285fbe rgb(40,95,190)
```
#2b67ce
```
#2b67ce rgb(43,103,206)
```

Shade Color Variation

#3872d5
```
#3872d5 rgb(56,114,213)
```
#487dd9
```
#487dd9 rgb(72,125,217)
```
#5989dc
```
#5989dc rgb(89,137,220)
```
#6994df
```
#6994df rgb(105,148,223)
```
#79a0e3
```
#79a0e3 rgb(121,160,227)
```
#89abe6
```
#89abe6 rgb(137,171,230)
```
#99b7ea
```
#99b7ea rgb(153,183,234)
```
#aac2ed
```
#aac2ed rgb(170,194,237)
```
#bacef0
```
#bacef0 rgb(186,206,240)
```
#cad9f4
```
#cad9f4 rgb(202,217,244)
```
#dae5f7
```
#dae5f7 rgb(218,229,247)
```
#eaf0fb
```
#eaf0fb rgb(234,240,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7277 is the less saturated color, while #0556e1 is the most saturated one.

#6f7277
```
#6f7277 rgb(111,114,119)
```
#667080
```
#667080 rgb(102,112,128)
```
#5d6d89
```
#5d6d89 rgb(93,109,137)
```
#546b92
```
#546b92 rgb(84,107,146)
```
#4b689b
```
#4b689b rgb(75,104,155)
```
#4366a3
```
#4366a3 rgb(67,102,163)
```
#3a64ac
```
#3a64ac rgb(58,100,172)
```
#3161b5
```
#3161b5 rgb(49,97,181)
```
#285fbe
```
#285fbe rgb(40,95,190)
```
#1f5dc7
```
#1f5dc7 rgb(31,93,199)
```
#165ad0
```
#165ad0 rgb(22,90,208)
```
#0d58d9
```
#0d58d9 rgb(13,88,217)
```
#0556e1
```
#0556e1 rgb(5,86,225)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4f5a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f67c1 Protanopia 1% of men
#006cb3 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#2c64c0 Protanomaly 1% of men, 0.01% of women
#0e67b7 Deuteranomaly 6% of men, 0.4% of women
#0e6d94 Tritanomaly 0.01% of the population

#285fbe hex color

#285fbe Color Information

#285fbe Color Conversion

Color Schemes with #285fbe

Alternatives to #285fbe

#285fbe Preview

Shades and Tints of #285fbe

Tones of #285fbe

Color Blindness Simulator