#285ea6 hex color

In a RGB color space, hex #285ea6 is composed of 15.7% red, 36.9% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 43.4% magenta, 0% yellow and 34.9% black. It has a hue angle of 214.3 degrees, a saturation of 61.2% and a lightness of 40.4%. #285ea6 color hex could be obtained by blending #50bcff 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

● #285ea6 color description : Dark blue.

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

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

CIE-LAB	39.93, 8.066, -43.907
XYZ	11.759, 11.209, 37.618
xyY	0.194, 0.185, 11.209
CIE-LCH	39.93, 44.642, 280.409
CIE-LUV	39.93, -19.292, -64.232
Hunter-Lab	33.48, 4.106, -43.183
Binary	00101000, 01011110, 10100110

#285ea6
```
#285ea6 rgb(40,94,166)
```
#a67028
```
#a67028 rgb(166,112,40)
```

Complementary Color

#289da6
```
#289da6 rgb(40,157,166)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#3128a6
```
#3128a6 rgb(49,40,166)
```

Analogous Color

#9da628
```
#9da628 rgb(157,166,40)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#a63128
```
#a63128 rgb(166,49,40)
```

Split Complementary Color

#5ea628
```
#5ea628 rgb(94,166,40)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#a6285e
```
#a6285e rgb(166,40,94)
```

Triadic Color

#28a670
```
#28a670 rgb(40,166,112)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#a6285e
```
#a6285e rgb(166,40,94)
```
#a67028
```
#a67028 rgb(166,112,40)
```

Tetradic Color

#193b68
```
#193b68 rgb(25,59,104)
```
#1e477d
```
#1e477d rgb(30,71,125)
```
#235291
```
#235291 rgb(35,82,145)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#2d6abb
```
#2d6abb rgb(45,106,187)
```
#3375ce
```
#3375ce rgb(51,117,206)
```
#4883d3
```
#4883d3 rgb(72,131,211)
```

Monochromatic Color

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

#287ea6
```
#287ea6 rgb(40,126,166)
```
#2873a6
```
#2873a6 rgb(40,115,166)
```
#2869a6
```
#2869a6 rgb(40,105,166)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#2854a6
```
#2854a6 rgb(40,84,166)
```
#2849a6
```
#2849a6 rgb(40,73,166)
```
#283fa6
```
#283fa6 rgb(40,63,166)
```

Similar Colors

Text with hexadecimal color #285ea6

This text has a font color of #285ea6.

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

#285ea6 background color

This paragraph has a background color of #285ea6.

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

#285ea6 border color

This element has a border color of #285ea6.

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

CSS codes

.text {color:#285ea6;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#060d18
```
#060d18 rgb(6,13,24)
```
#0a1628
```
#0a1628 rgb(10,22,40)
```
#0d1f37
```
#0d1f37 rgb(13,31,55)
```
#112847
```
#112847 rgb(17,40,71)
```
#153157
```
#153157 rgb(21,49,87)
```
#193a67
```
#193a67 rgb(25,58,103)
```
#1d4377
```
#1d4377 rgb(29,67,119)
```
#204c86
```
#204c86 rgb(32,76,134)
```
#245596
```
#245596 rgb(36,85,150)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#2c67b6
```
#2c67b6 rgb(44,103,182)
```
#3070c6
```
#3070c6 rgb(48,112,198)
```

Shade Color Variation

#397acf
```
#397acf rgb(57,122,207)
```
#4984d3
```
#4984d3 rgb(73,132,211)
```
#598fd7
```
#598fd7 rgb(89,143,215)
```
#699adb
```
#699adb rgb(105,154,219)
```
#79a4df
```
#79a4df rgb(121,164,223)
```
#88afe2
```
#88afe2 rgb(136,175,226)
```
#98bae6
```
#98bae6 rgb(152,186,230)
```
#a8c4ea
```
#a8c4ea rgb(168,196,234)
```
#b8cfee
```
#b8cfee rgb(184,207,238)
```
#c8daf2
```
#c8daf2 rgb(200,218,242)
```
#d8e4f5
```
#d8e4f5 rgb(216,228,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 #0058ce 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)
```
#40618e
```
#40618e rgb(64,97,142)
```
#386096
```
#386096 rgb(56,96,150)
```
#305f9e
```
#305f9e rgb(48,95,158)
```
#285ea6
```
#285ea6 rgb(40,94,166)
```
#205dae
```
#205dae rgb(32,93,174)
```
#185cb6
```
#185cb6 rgb(24,92,182)
```
#105bbe
```
#105bbe rgb(16,91,190)
```
#0859c6
```
#0859c6 rgb(8,89,198)
```
#0058ce
```
#0058ce rgb(0,88,206)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4d5866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4464a8 Protanopia 1% of men
#2567aa Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3a61a7 Protanomaly 1% of men, 0.01% of women
#2664a8 Deuteranomaly 6% of men, 0.4% of women
#0e6988 Tritanomaly 0.01% of the population

#285ea6 hex color

#285ea6 Color Information

#285ea6 Color Conversion

Color Schemes with #285ea6

Alternatives to #285ea6

#285ea6 Preview

Shades and Tints of #285ea6

Tones of #285ea6

Color Blindness Simulator