#285fa6 hex color

In a RGB color space, hex #285fa6 is composed of 15.7% red, 37.3% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 42.8% magenta, 0% yellow and 34.9% black. It has a hue angle of 213.8 degrees, a saturation of 61.2% and a lightness of 40.4%. #285fa6 color hex could be obtained by blending #50beff with #00004d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 37
- B 65
RGB color chart
- C 76
- M 43
- Y 0
- K 35
CMYK color chart

● #285fa6 color description : Dark blue.

The hexadecimal color #285fa6 has RGB values of R:40, G:95, B:166 and CMYK values of C:0.76, M:0.43, Y:0, K:0.35. Its decimal value is 2645926.

Hex triplet	285fa6	`#285fa6`
RGB Decimal	40, 95, 166	`rgb(40,95,166)`
RGB Percent	15.7, 37.3, 65.1	`rgb(15.7%,37.3%,65.1%)`
CMYK	76, 43, 0, 35
HSL	213.8°, 61.2, 40.4	`hsl(213.8,61.2%,40.4%)`
HSV (or HSB)	213.8°, 75.9, 65.1
Web Safe	336699	`#336699`

CIE-LAB	40.226, 7.42, -43.434
XYZ	11.849, 11.388, 37.648
xyY	0.195, 0.187, 11.388
CIE-LCH	40.226, 44.063, 279.694
CIE-LUV	40.226, -19.616, -63.604
Hunter-Lab	33.746, 3.619, -42.524
Binary	00101000, 01011111, 10100110

#285fa6
```
#285fa6 rgb(40,95,166)
```
#a66f28
```
#a66f28 rgb(166,111,40)
```

Complementary Color

#289ea6
```
#289ea6 rgb(40,158,166)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#3028a6
```
#3028a6 rgb(48,40,166)
```

Analogous Color

#9ea628
```
#9ea628 rgb(158,166,40)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#a63028
```
#a63028 rgb(166,48,40)
```

Split Complementary Color

#5fa628
```
#5fa628 rgb(95,166,40)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#a6285f
```
#a6285f rgb(166,40,95)
```

Triadic Color

#28a66f
```
#28a66f rgb(40,166,111)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#a6285f
```
#a6285f rgb(166,40,95)
```
#a66f28
```
#a66f28 rgb(166,111,40)
```

Tetradic Color

#193c68
```
#193c68 rgb(25,60,104)
```
#1e477d
```
#1e477d rgb(30,71,125)
```
#235391
```
#235391 rgb(35,83,145)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#2d6bbb
```
#2d6bbb rgb(45,107,187)
```
#3377ce
```
#3377ce rgb(51,119,206)
```
#4884d3
```
#4884d3 rgb(72,132,211)
```

Monochromatic Color

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

#287fa6
```
#287fa6 rgb(40,127,166)
```
#2874a6
```
#2874a6 rgb(40,116,166)
```
#286aa6
```
#286aa6 rgb(40,106,166)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#2855a6
```
#2855a6 rgb(40,85,166)
```
#284aa6
```
#284aa6 rgb(40,74,166)
```
#2840a6
```
#2840a6 rgb(40,64,166)
```

Similar Colors

Text with hexadecimal color #285fa6

This text has a font color of #285fa6.

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

#285fa6 background color

This paragraph has a background color of #285fa6.

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

#285fa6 border color

This element has a border color of #285fa6.

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

CSS codes

.text {color:#285fa6;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#060e18
```
#060e18 rgb(6,14,24)
```
#0a1728
```
#0a1728 rgb(10,23,40)
```
#0d2037
```
#0d2037 rgb(13,32,55)
```
#112947
```
#112947 rgb(17,41,71)
```
#153257
```
#153257 rgb(21,50,87)
```
#193b67
```
#193b67 rgb(25,59,103)
```
#1d4477
```
#1d4477 rgb(29,68,119)
```
#204d86
```
#204d86 rgb(32,77,134)
```
#245696
```
#245696 rgb(36,86,150)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#2c68b6
```
#2c68b6 rgb(44,104,182)
```
#3071c6
```
#3071c6 rgb(48,113,198)
```

Shade Color Variation

#397bcf
```
#397bcf rgb(57,123,207)
```
#4985d3
```
#4985d3 rgb(73,133,211)
```
#5990d7
```
#5990d7 rgb(89,144,215)
```
#699bdb
```
#699bdb rgb(105,155,219)
```
#79a5df
```
#79a5df rgb(121,165,223)
```
#88b0e2
```
#88b0e2 rgb(136,176,226)
```
#98bae6
```
#98bae6 rgb(152,186,230)
```
#a8c5ea
```
#a8c5ea rgb(168,197,234)
```
#b8cfee
```
#b8cfee rgb(184,207,238)
```
#c8daf2
```
#c8daf2 rgb(200,218,242)
```
#d8e5f5
```
#d8e5f5 rgb(216,229,245)
```
#e7eff9
```
#e7eff9 rgb(231,239,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f666f is the less saturated color, while #005ace is the most saturated one.

#5f666f
```
#5f666f rgb(95,102,111)
```
#586576
```
#586576 rgb(88,101,118)
```
#50647e
```
#50647e rgb(80,100,126)
```
#486386
```
#486386 rgb(72,99,134)
```
#40628e
```
#40628e rgb(64,98,142)
```
#386196
```
#386196 rgb(56,97,150)
```
#30609e
```
#30609e rgb(48,96,158)
```
#285fa6
```
#285fa6 rgb(40,95,166)
```
#205eae
```
#205eae rgb(32,94,174)
```
#185db6
```
#185db6 rgb(24,93,182)
```
#105cbe
```
#105cbe rgb(16,92,190)
```
#085bc6
```
#085bc6 rgb(8,91,198)
```
#005ace
```
#005ace rgb(0,90,206)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4664a8 Protanopia 1% of men
#2968aa Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#3b62a7 Protanomaly 1% of men, 0.01% of women
#2864a8 Deuteranomaly 6% of men, 0.4% of women
#0e6a89 Tritanomaly 0.01% of the population

#285fa6 hex color

#285fa6 Color Information

#285fa6 Color Conversion

Color Schemes with #285fa6

Alternatives to #285fa6

#285fa6 Preview

Shades and Tints of #285fa6

Tones of #285fa6

Color Blindness Simulator