#285fbb hex color

In a RGB color space, hex #285fbb is composed of 15.7% red, 37.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 49.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 217.6 degrees, a saturation of 64.8% and a lightness of 44.5%. #285fbb color hex could be obtained by blending #50beff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 37
- B 73
RGB color chart
- C 79
- M 49
- Y 0
- K 27
CMYK color chart

● #285fbb color description : Strong blue.

The hexadecimal color #285fbb has RGB values of R:40, G:95, B:187 and CMYK values of C:0.79, M:0.49, Y:0, K:0.27. Its decimal value is 2645947.

Hex triplet	285fbb	`#285fbb`
RGB Decimal	40, 95, 187	`rgb(40,95,187)`
RGB Percent	15.7, 37.3, 73.3	`rgb(15.7%,37.3%,73.3%)`
CMYK	79, 49, 0, 27
HSL	217.6°, 64.8, 44.5	`hsl(217.6,64.8%,44.5%)`
HSV (or HSB)	217.6°, 78.6, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.567, 15.514, -53.63
XYZ	13.935, 12.222, 48.636
xyY	0.186, 0.163, 12.222
CIE-LCH	41.567, 55.829, 286.134
CIE-LUV	41.567, -19.138, -79.867
Hunter-Lab	34.96, 9.968, -58.01
Binary	00101000, 01011111, 10111011

#285fbb
```
#285fbb rgb(40,95,187)
```
#bb8428
```
#bb8428 rgb(187,132,40)
```

Complementary Color

#28a9bb
```
#28a9bb rgb(40,169,187)
```
#285fbb
```
#285fbb rgb(40,95,187)
```
#3b28bb
```
#3b28bb rgb(59,40,187)
```

Analogous Color

#a9bb28
```
#a9bb28 rgb(169,187,40)
```
#285fbb
```
#285fbb rgb(40,95,187)
```
#bb3b28
```
#bb3b28 rgb(187,59,40)
```

Split Complementary Color

#5fbb28
```
#5fbb28 rgb(95,187,40)
```
#285fbb
```
#285fbb rgb(40,95,187)
```
#bb285f
```
#bb285f rgb(187,40,95)
```

Triadic Color

#28bb84
```
#28bb84 rgb(40,187,132)
```
#285fbb
```
#285fbb rgb(40,95,187)
```
#bb285f
```
#bb285f rgb(187,40,95)
```
#bb8428
```
#bb8428 rgb(187,132,40)
```

Tetradic Color

#1b3f7c
```
#1b3f7c rgb(27,63,124)
```
#1f4a91
```
#1f4a91 rgb(31,74,145)
```
#2454a6
```
#2454a6 rgb(36,84,166)
```
#285fbb
```
#285fbb rgb(40,95,187)
```
#2c6ad0
```
#2c6ad0 rgb(44,106,208)
```
#4078d6
```
#4078d6 rgb(64,120,214)
```
#5587db
```
#5587db rgb(85,135,219)
```

Monochromatic Color

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

#2884bb
```
#2884bb rgb(40,132,187)
```
#2878bb
```
#2878bb rgb(40,120,187)
```
#286bbb
```
#286bbb rgb(40,107,187)
```
#285fbb
```
#285fbb rgb(40,95,187)
```
#2853bb
```
#2853bb rgb(40,83,187)
```
#2847bb
```
#2847bb rgb(40,71,187)
```
#283abb
```
#283abb rgb(40,58,187)
```

Similar Colors

Text with hexadecimal color #285fbb

This text has a font color of #285fbb.

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

#285fbb background color

This paragraph has a background color of #285fbb.

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

#285fbb border color

This element has a border color of #285fbb.

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

CSS codes

.text {color:#285fbb;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#050d19
```
#050d19 rgb(5,13,25)
```
#09152a
```
#09152a rgb(9,21,42)
```
#0c1d3a
```
#0c1d3a rgb(12,29,58)
```
#10264a
```
#10264a rgb(16,38,74)
```
#132e5a
```
#132e5a rgb(19,46,90)
```
#17366a
```
#17366a rgb(23,54,106)
```
#1a3e7a
```
#1a3e7a rgb(26,62,122)
```
#1e468b
```
#1e468b rgb(30,70,139)
```
#214f9b
```
#214f9b rgb(33,79,155)
```
#2557ab
```
#2557ab rgb(37,87,171)
```
#285fbb
```
#285fbb rgb(40,95,187)
```
#2b67cb
```
#2b67cb rgb(43,103,203)
```

Shade Color Variation

#3671d4
```
#3671d4 rgb(54,113,212)
```
#467dd8
```
#467dd8 rgb(70,125,216)
```
#5788db
```
#5788db rgb(87,136,219)
```
#6793de
```
#6793de rgb(103,147,222)
```
#779fe2
```
#779fe2 rgb(119,159,226)
```
#87aae5
```
#87aae5 rgb(135,170,229)
```
#97b6e9
```
#97b6e9 rgb(151,182,233)
```
#a7c1ec
```
#a7c1ec rgb(167,193,236)
```
#b7ccf0
```
#b7ccf0 rgb(183,204,240)
```
#c8d8f3
```
#c8d8f3 rgb(200,216,243)
```
#d8e3f7
```
#d8e3f7 rgb(216,227,247)
```
#e8effa
```
#e8effa rgb(232,239,250)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#6e7175
```
#6e7175 rgb(110,113,117)
```
#656e7e
```
#656e7e rgb(101,110,126)
```
#5c6c87
```
#5c6c87 rgb(92,108,135)
```
#546a8f
```
#546a8f rgb(84,106,143)
```
#4b6898
```
#4b6898 rgb(75,104,152)
```
#4266a1
```
#4266a1 rgb(66,102,161)
```
#3963aa
```
#3963aa rgb(57,99,170)
```
#3161b2
```
#3161b2 rgb(49,97,178)
```
#285fbb
```
#285fbb rgb(40,95,187)
```
#1f5dc4
```
#1f5dc4 rgb(31,93,196)
```
#175bcc
```
#175bcc rgb(23,91,204)
```
#0e58d5
```
#0e58d5 rgb(14,88,213)
```
#0556de
```
#0556de rgb(5,86,222)
```

Tone Color Variation

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

#3367be Protanopia 1% of men
#006cb2 Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#2f64bd Protanomaly 1% of men, 0.01% of women
#0e67b5 Deuteranomaly 6% of men, 0.4% of women
#0e6c92 Tritanomaly 0.01% of the population

#285fbb hex color

#285fbb Color Information

#285fbb Color Conversion

Color Schemes with #285fbb

Alternatives to #285fbb

#285fbb Preview

Shades and Tints of #285fbb

Tones of #285fbb

Color Blindness Simulator