colorhexa.com

#285fc6 hex color

In a RGB color space, hex #285fc6 is composed of 15.7% red, 37.3% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 52% magenta, 0% yellow and 22.4% black. It has a hue angle of 219.1 degrees, a saturation of 66.4% and a lightness of 46.7%. #285fc6 color hex could be obtained by blending #50beff with #00008d. Closest websafe color is: #3366cc.

- R 16
- G 37
- B 78
RGB color chart
- C 80
- M 52
- Y 0
- K 22
CMYK color chart

● #285fc6 color description : Strong blue.

The hexadecimal color #285fc6 has RGB values of R:40, G:95, B:198 and CMYK values of C:0.8, M:0.52, Y:0, K:0.22. Its decimal value is 2645958.

Hex triplet	285fc6	`#285fc6`
RGB Decimal	40, 95, 198	`rgb(40,95,198)`
RGB Percent	15.7, 37.3, 77.6	`rgb(15.7%,37.3%,77.6%)`
CMYK	80, 52, 0, 22
HSL	219.1°, 66.4, 46.7	`hsl(219.1,66.4%,46.7%)`
HSV (or HSB)	219.1°, 79.8, 77.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.325, 19.745, -58.795
XYZ	15.158, 12.712, 55.078
xyY	0.183, 0.153, 12.712
CIE-LCH	42.325, 62.022, 288.563
CIE-LUV	42.325, -18.949, -88.05
Hunter-Lab	35.653, 13.497, -66.635
Binary	00101000, 01011111, 11000110

#285fc6
```
#285fc6 rgb(40,95,198)
```
#c68f28
```
#c68f28 rgb(198,143,40)
```

Complementary Color

#28aec6
```
#28aec6 rgb(40,174,198)
```
#285fc6
```
#285fc6 rgb(40,95,198)
```
#4028c6
```
#4028c6 rgb(64,40,198)
```

Analogous Color

#aec628
```
#aec628 rgb(174,198,40)
```
#285fc6
```
#285fc6 rgb(40,95,198)
```
#c64028
```
#c64028 rgb(198,64,40)
```

Split Complementary Color

#5fc628
```
#5fc628 rgb(95,198,40)
```
#285fc6
```
#285fc6 rgb(40,95,198)
```
#c6285f
```
#c6285f rgb(198,40,95)
```

Triadic Color

#28c68f
```
#28c68f rgb(40,198,143)
```
#285fc6
```
#285fc6 rgb(40,95,198)
```
#c6285f
```
#c6285f rgb(198,40,95)
```
#c68f28
```
#c68f28 rgb(198,143,40)
```

Tetradic Color

#1b4086
```
#1b4086 rgb(27,64,134)
```
#1f4b9c
```
#1f4b9c rgb(31,75,156)
```
#2455b1
```
#2455b1 rgb(36,85,177)
```
#285fc6
```
#285fc6 rgb(40,95,198)
```
#326bd6
```
#326bd6 rgb(50,107,214)
```
#477ada
```
#477ada rgb(71,122,218)
```
#5c8ade
```
#5c8ade rgb(92,138,222)
```

Monochromatic Color

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

#2887c6
```
#2887c6 rgb(40,135,198)
```
#2879c6
```
#2879c6 rgb(40,121,198)
```
#286cc6
```
#286cc6 rgb(40,108,198)
```
#285fc6
```
#285fc6 rgb(40,95,198)
```
#2852c6
```
#2852c6 rgb(40,82,198)
```
#2845c6
```
#2845c6 rgb(40,69,198)
```
#2838c6
```
#2838c6 rgb(40,56,198)
```

Similar Colors

Text with hexadecimal color #285fc6

This text has a font color of #285fc6.

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

#285fc6 background color

This paragraph has a background color of #285fc6.

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

#285fc6 border color

This element has a border color of #285fc6.

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

CSS codes

.text {color:#285fc6;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040912
```
#040912 rgb(4,9,18)
```
#071123
```
#071123 rgb(7,17,35)
```
#0a1933
```
#0a1933 rgb(10,25,51)
```
#0e2043
```
#0e2043 rgb(14,32,67)
```
#112854
```
#112854 rgb(17,40,84)
```
#143064
```
#143064 rgb(20,48,100)
```
#183874
```
#183874 rgb(24,56,116)
```
#1b4085
```
#1b4085 rgb(27,64,133)
```
#1e4895
```
#1e4895 rgb(30,72,149)
```
#214fa5
```
#214fa5 rgb(33,79,165)
```
#2557b6
```
#2557b6 rgb(37,87,182)
```
#285fc6
```
#285fc6 rgb(40,95,198)
```

Shade Color Variation

#2d67d5
```
#2d67d5 rgb(45,103,213)
```
#3d73d8
```
#3d73d8 rgb(61,115,216)
```
#4e7fdb
```
#4e7fdb rgb(78,127,219)
```
#5e8bde
```
#5e8bde rgb(94,139,222)
```
#6e97e2
```
#6e97e2 rgb(110,151,226)
```
#7fa2e5
```
#7fa2e5 rgb(127,162,229)
```
#8faee8
```
#8faee8 rgb(143,174,232)
```
#9fbaec
```
#9fbaec rgb(159,186,236)
```
#b0c6ef
```
#b0c6ef rgb(176,198,239)
```
#c0d1f2
```
#c0d1f2 rgb(192,209,242)
```
#d0ddf6
```
#d0ddf6 rgb(208,221,246)
```
#e1e9f9
```
#e1e9f9 rgb(225,233,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71757d is the less saturated color, while #0354eb is the most saturated one.

#71757d
```
#71757d rgb(113,117,125)
```
#687286
```
#687286 rgb(104,114,134)
```
#5f708f
```
#5f708f rgb(95,112,143)
```
#566d98
```
#566d98 rgb(86,109,152)
```
#4d6aa1
```
#4d6aa1 rgb(77,106,161)
```
#4367ab
```
#4367ab rgb(67,103,171)
```
#3a65b4
```
#3a65b4 rgb(58,101,180)
```
#3162bd
```
#3162bd rgb(49,98,189)
```
#285fc6
```
#285fc6 rgb(40,95,198)
```
#1f5ccf
```
#1f5ccf rgb(31,92,207)
```
#1659d8
```
#1659d8 rgb(22,89,216)
```
#0d57e1
```
#0d57e1 rgb(13,87,225)
```
#0354eb
```
#0354eb rgb(3,84,235)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#505b70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e68ca Protanopia 1% of men
#006eb4 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#2265c8 Protanomaly 1% of men, 0.01% of women
#0e68ba Deuteranomaly 6% of men, 0.4% of women
#0e6e97 Tritanomaly 0.01% of the population