#285fb7 hex color

In a RGB color space, hex #285fb7 is composed of 15.7% red, 37.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 48.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 216.9 degrees, a saturation of 64.1% and a lightness of 43.7%. #285fb7 color hex could be obtained by blending #50beff with #00006f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 37
- B 72
RGB color chart
- C 78
- M 48
- Y 0
- K 28
CMYK color chart

● #285fb7 color description : Strong blue.

The hexadecimal color #285fb7 has RGB values of R:40, G:95, B:183 and CMYK values of C:0.78, M:0.48, Y:0, K:0.28. Its decimal value is 2645943.

Hex triplet	285fb7	`#285fb7`
RGB Decimal	40, 95, 183	`rgb(40,95,183)`
RGB Percent	15.7, 37.3, 71.8	`rgb(15.7%,37.3%,71.8%)`
CMYK	78, 48, 0, 28
HSL	216.9°, 64.1, 43.7	`hsl(216.9,64.1%,43.7%)`
HSV (or HSB)	216.9°, 78.1, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.301, 13.972, -51.722
XYZ	13.513, 12.053, 46.412
xyY	0.188, 0.167, 12.053
CIE-LCH	41.301, 53.576, 285.116
CIE-LUV	41.301, -19.217, -76.834
Hunter-Lab	34.718, 8.718, -54.957
Binary	00101000, 01011111, 10110111

#285fb7
```
#285fb7 rgb(40,95,183)
```
#b78028
```
#b78028 rgb(183,128,40)
```

Complementary Color

#28a7b7
```
#28a7b7 rgb(40,167,183)
```
#285fb7
```
#285fb7 rgb(40,95,183)
```
#3928b7
```
#3928b7 rgb(57,40,183)
```

Analogous Color

#a7b728
```
#a7b728 rgb(167,183,40)
```
#285fb7
```
#285fb7 rgb(40,95,183)
```
#b73928
```
#b73928 rgb(183,57,40)
```

Split Complementary Color

#5fb728
```
#5fb728 rgb(95,183,40)
```
#285fb7
```
#285fb7 rgb(40,95,183)
```
#b7285f
```
#b7285f rgb(183,40,95)
```

Triadic Color

#28b780
```
#28b780 rgb(40,183,128)
```
#285fb7
```
#285fb7 rgb(40,95,183)
```
#b7285f
```
#b7285f rgb(183,40,95)
```
#b78028
```
#b78028 rgb(183,128,40)
```

Tetradic Color

#1a3e78
```
#1a3e78 rgb(26,62,120)
```
#1f498d
```
#1f498d rgb(31,73,141)
```
#2354a2
```
#2354a2 rgb(35,84,162)
```
#285fb7
```
#285fb7 rgb(40,95,183)
```
#2d6acc
```
#2d6acc rgb(45,106,204)
```
#3d78d5
```
#3d78d5 rgb(61,120,213)
```
#5286d9
```
#5286d9 rgb(82,134,217)
```

Monochromatic Color

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

#2883b7
```
#2883b7 rgb(40,131,183)
```
#2877b7
```
#2877b7 rgb(40,119,183)
```
#286bb7
```
#286bb7 rgb(40,107,183)
```
#285fb7
```
#285fb7 rgb(40,95,183)
```
#2853b7
```
#2853b7 rgb(40,83,183)
```
#2847b7
```
#2847b7 rgb(40,71,183)
```
#283bb7
```
#283bb7 rgb(40,59,183)
```

Similar Colors

Text with hexadecimal color #285fb7

This text has a font color of #285fb7.

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

#285fb7 background color

This paragraph has a background color of #285fb7.

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

#285fb7 border color

This element has a border color of #285fb7.

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

CSS codes

.text {color:#285fb7;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#050b16
```
#050b16 rgb(5,11,22)
```
#081426
```
#081426 rgb(8,20,38)
```
#0c1c36
```
#0c1c36 rgb(12,28,54)
```
#0f2546
```
#0f2546 rgb(15,37,70)
```
#132d56
```
#132d56 rgb(19,45,86)
```
#163567
```
#163567 rgb(22,53,103)
```
#1a3e77
```
#1a3e77 rgb(26,62,119)
```
#1d4687
```
#1d4687 rgb(29,70,135)
```
#214e97
```
#214e97 rgb(33,78,151)
```
#2457a7
```
#2457a7 rgb(36,87,167)
```
#285fb7
```
#285fb7 rgb(40,95,183)
```
#2c67c7
```
#2c67c7 rgb(44,103,199)
```

Shade Color Variation

#3471d3
```
#3471d3 rgb(52,113,211)
```
#447cd6
```
#447cd6 rgb(68,124,214)
```
#5487da
```
#5487da rgb(84,135,218)
```
#6493dd
```
#6493dd rgb(100,147,221)
```
#749ee1
```
#749ee1 rgb(116,158,225)
```
#84a9e4
```
#84a9e4 rgb(132,169,228)
```
#94b4e8
```
#94b4e8 rgb(148,180,232)
```
#a4c0eb
```
#a4c0eb rgb(164,192,235)
```
#b4cbef
```
#b4cbef rgb(180,203,239)
```
#c5d6f2
```
#c5d6f2 rgb(197,214,242)
```
#d5e1f6
```
#d5e1f6 rgb(213,225,246)
```
#e5edf9
```
#e5edf9 rgb(229,237,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#6d6f72
```
#6d6f72 rgb(109,111,114)
```
#646d7b
```
#646d7b rgb(100,109,123)
```
#5b6b84
```
#5b6b84 rgb(91,107,132)
```
#53698c
```
#53698c rgb(83,105,140)
```
#4a6795
```
#4a6795 rgb(74,103,149)
```
#42659d
```
#42659d rgb(66,101,157)
```
#3963a6
```
#3963a6 rgb(57,99,166)
```
#3161ae
```
#3161ae rgb(49,97,174)
```
#285fb7
```
#285fb7 rgb(40,95,183)
```
#1f5dc0
```
#1f5dc0 rgb(31,93,192)
```
#175bc8
```
#175bc8 rgb(23,91,200)
```
#0e59d1
```
#0e59d1 rgb(14,89,209)
```
#0657d9
```
#0657d9 rgb(6,87,217)
```

Tone Color Variation

Below, you can see how #285fb7 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
#4f5a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3866ba Protanopia 1% of men
#006bb2 Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#3264b9 Protanomaly 1% of men, 0.01% of women
#0e66b3 Deuteranomaly 6% of men, 0.4% of women
#0e6c90 Tritanomaly 0.01% of the population

#285fb7 hex color

#285fb7 Color Information

#285fb7 Color Conversion

Color Schemes with #285fb7

Alternatives to #285fb7

#285fb7 Preview

Shades and Tints of #285fb7

Tones of #285fb7

Color Blindness Simulator