#285aa6 hex color

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

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

● #285aa6 color description : Dark blue.

The hexadecimal color #285aa6 has RGB values of R:40, G:90, B:166 and CMYK values of C:0.76, M:0.46, Y:0, K:0.35. Its decimal value is 2644646.

Hex triplet	285aa6	`#285aa6`
RGB Decimal	40, 90, 166	`rgb(40,90,166)`
RGB Percent	15.7, 35.3, 65.1	`rgb(15.7%,35.3%,65.1%)`
CMYK	76, 46, 0, 35
HSL	216.2°, 61.2, 40.4	`hsl(216.2,61.2%,40.4%)`
HSV (or HSB)	216.2°, 75.9, 65.1
Web Safe	336699	`#336699`

CIE-LAB	38.753, 10.669, -45.793
XYZ	11.413, 10.516, 37.503
xyY	0.192, 0.177, 10.516
CIE-LCH	38.753, 47.02, 283.115
CIE-LUV	38.753, -18.016, -66.66
Hunter-Lab	32.428, 6.072, -45.869
Binary	00101000, 01011010, 10100110

#285aa6
```
#285aa6 rgb(40,90,166)
```
#a67428
```
#a67428 rgb(166,116,40)
```

Complementary Color

#2899a6
```
#2899a6 rgb(40,153,166)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#3528a6
```
#3528a6 rgb(53,40,166)
```

Analogous Color

#99a628
```
#99a628 rgb(153,166,40)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#a63528
```
#a63528 rgb(166,53,40)
```

Split Complementary Color

#5aa628
```
#5aa628 rgb(90,166,40)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#a6285a
```
#a6285a rgb(166,40,90)
```

Triadic Color

#28a674
```
#28a674 rgb(40,166,116)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#a6285a
```
#a6285a rgb(166,40,90)
```
#a67428
```
#a67428 rgb(166,116,40)
```

Tetradic Color

#193968
```
#193968 rgb(25,57,104)
```
#1e447d
```
#1e447d rgb(30,68,125)
```
#234f91
```
#234f91 rgb(35,79,145)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#2d65bb
```
#2d65bb rgb(45,101,187)
```
#3371ce
```
#3371ce rgb(51,113,206)
```
#487fd3
```
#487fd3 rgb(72,127,211)
```

Monochromatic Color

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

#287aa6
```
#287aa6 rgb(40,122,166)
```
#286fa6
```
#286fa6 rgb(40,111,166)
```
#2865a6
```
#2865a6 rgb(40,101,166)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#2850a6
```
#2850a6 rgb(40,80,166)
```
#2845a6
```
#2845a6 rgb(40,69,166)
```
#283ba6
```
#283ba6 rgb(40,59,166)
```

Similar Colors

Text with hexadecimal color #285aa6

This text has a font color of #285aa6.

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

#285aa6 background color

This paragraph has a background color of #285aa6.

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

#285aa6 border color

This element has a border color of #285aa6.

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

CSS codes

.text {color:#285aa6;}

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

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

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 #f7f9fd is the lightest one.

#020408
```
#020408 rgb(2,4,8)
```
#060d18
```
#060d18 rgb(6,13,24)
```
#0a1528
```
#0a1528 rgb(10,21,40)
```
#0d1e37
```
#0d1e37 rgb(13,30,55)
```
#112747
```
#112747 rgb(17,39,71)
```
#152f57
```
#152f57 rgb(21,47,87)
```
#193867
```
#193867 rgb(25,56,103)
```
#1d4077
```
#1d4077 rgb(29,64,119)
```
#204986
```
#204986 rgb(32,73,134)
```
#245196
```
#245196 rgb(36,81,150)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#2c63b6
```
#2c63b6 rgb(44,99,182)
```
#306bc6
```
#306bc6 rgb(48,107,198)
```

Shade Color Variation

#3975cf
```
#3975cf rgb(57,117,207)
```
#4980d3
```
#4980d3 rgb(73,128,211)
```
#598bd7
```
#598bd7 rgb(89,139,215)
```
#6996db
```
#6996db rgb(105,150,219)
```
#79a1df
```
#79a1df rgb(121,161,223)
```
#88ace2
```
#88ace2 rgb(136,172,226)
```
#98b7e6
```
#98b7e6 rgb(152,183,230)
```
#a8c2ea
```
#a8c2ea rgb(168,194,234)
```
#b8cdee
```
#b8cdee rgb(184,205,238)
```
#c8d8f2
```
#c8d8f2 rgb(200,216,242)
```
#d8e3f5
```
#d8e3f5 rgb(216,227,245)
```
#e7eef9
```
#e7eef9 rgb(231,238,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#5f656f
```
#5f656f rgb(95,101,111)
```
#586476
```
#586476 rgb(88,100,118)
```
#50627e
```
#50627e rgb(80,98,126)
```
#486186
```
#486186 rgb(72,97,134)
```
#405f8e
```
#405f8e rgb(64,95,142)
```
#385d96
```
#385d96 rgb(56,93,150)
```
#305c9e
```
#305c9e rgb(48,92,158)
```
#285aa6
```
#285aa6 rgb(40,90,166)
```
#2058ae
```
#2058ae rgb(32,88,174)
```
#1857b6
```
#1857b6 rgb(24,87,182)
```
#1055be
```
#1055be rgb(16,85,190)
```
#0853c6
```
#0853c6 rgb(8,83,198)
```
#0052ce
```
#0052ce rgb(0,82,206)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4b5564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d61a9 Protanopia 1% of men
#0065a9 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#355ea8 Protanomaly 1% of men, 0.01% of women
#0e61a8 Deuteranomaly 6% of men, 0.4% of women
#0e6686 Tritanomaly 0.01% of the population

#285aa6 hex color

#285aa6 Color Information

#285aa6 Color Conversion

Color Schemes with #285aa6

Alternatives to #285aa6

#285aa6 Preview

Shades and Tints of #285aa6

Tones of #285aa6

Color Blindness Simulator