#285aaa hex color

In a RGB color space, hex #285aaa is composed of 15.7% red, 35.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 47.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 216.9 degrees, a saturation of 61.9% and a lightness of 41.2%. #285aaa color hex could be obtained by blending #50b4ff with #000055. Closest websafe color is: #336699.

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

● #285aaa color description : Dark blue.

The hexadecimal color #285aaa has RGB values of R:40, G:90, B:170 and CMYK values of C:0.76, M:0.47, Y:0, K:0.33. Its decimal value is 2644650.

Hex triplet	285aaa	`#285aaa`
RGB Decimal	40, 90, 170	`rgb(40,90,170)`
RGB Percent	15.7, 35.3, 66.7	`rgb(15.7%,35.3%,66.7%)`
CMYK	76, 47, 0, 33
HSL	216.9°, 61.9, 41.2	`hsl(216.9,61.9%,41.2%)`
HSV (or HSB)	216.9°, 76.5, 66.7
Web Safe	336699	`#336699`

CIE-LAB	39.01, 12.215, -47.754
XYZ	11.785, 10.665, 39.465
xyY	0.19, 0.172, 10.665
CIE-LCH	39.01, 49.291, 284.349
CIE-LUV	39.01, -17.937, -69.748
Hunter-Lab	32.657, 7.267, -48.791
Binary	00101000, 01011010, 10101010

#285aaa
```
#285aaa rgb(40,90,170)
```
#aa7828
```
#aa7828 rgb(170,120,40)
```

Complementary Color

#289baa
```
#289baa rgb(40,155,170)
```
#285aaa
```
#285aaa rgb(40,90,170)
```
#3728aa
```
#3728aa rgb(55,40,170)
```

Analogous Color

#9baa28
```
#9baa28 rgb(155,170,40)
```
#285aaa
```
#285aaa rgb(40,90,170)
```
#aa3728
```
#aa3728 rgb(170,55,40)
```

Split Complementary Color

#5aaa28
```
#5aaa28 rgb(90,170,40)
```
#285aaa
```
#285aaa rgb(40,90,170)
```
#aa285a
```
#aa285a rgb(170,40,90)
```

Triadic Color

#28aa78
```
#28aa78 rgb(40,170,120)
```
#285aaa
```
#285aaa rgb(40,90,170)
```
#aa285a
```
#aa285a rgb(170,40,90)
```
#aa7828
```
#aa7828 rgb(170,120,40)
```

Tetradic Color

#19396c
```
#19396c rgb(25,57,108)
```
#1e4481
```
#1e4481 rgb(30,68,129)
```
#234f95
```
#234f95 rgb(35,79,149)
```
#285aaa
```
#285aaa rgb(40,90,170)
```
#2d65bf
```
#2d65bf rgb(45,101,191)
```
#3571d0
```
#3571d0 rgb(53,113,208)
```
#4a7fd4
```
#4a7fd4 rgb(74,127,212)
```

Monochromatic Color

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

#287baa
```
#287baa rgb(40,123,170)
```
#2870aa
```
#2870aa rgb(40,112,170)
```
#2865aa
```
#2865aa rgb(40,101,170)
```
#285aaa
```
#285aaa rgb(40,90,170)
```
#284faa
```
#284faa rgb(40,79,170)
```
#2844aa
```
#2844aa rgb(40,68,170)
```
#283aaa
```
#283aaa rgb(40,58,170)
```

Similar Colors

Text with hexadecimal color #285aaa

This text has a font color of #285aaa.

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

#285aaa background color

This paragraph has a background color of #285aaa.

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

#285aaa border color

This element has a border color of #285aaa.

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

CSS codes

.text {color:#285aaa;}

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

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

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, #03060b is the darkest color, while #fafcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#060e1b
```
#060e1b rgb(6,14,27)
```
#0a172b
```
#0a172b rgb(10,23,43)
```
#0e1f3b
```
#0e1f3b rgb(14,31,59)
```
#12284b
```
#12284b rgb(18,40,75)
```
#15305b
```
#15305b rgb(21,48,91)
```
#19386a
```
#19386a rgb(25,56,106)
```
#1d417a
```
#1d417a rgb(29,65,122)
```
#21498a
```
#21498a rgb(33,73,138)
```
#24529a
```
#24529a rgb(36,82,154)
```
#285aaa
```
#285aaa rgb(40,90,170)
```
#2c62ba
```
#2c62ba rgb(44,98,186)
```
#2f6bca
```
#2f6bca rgb(47,107,202)
```

Shade Color Variation

#3c75d1
```
#3c75d1 rgb(60,117,209)
```
#4c80d5
```
#4c80d5 rgb(76,128,213)
```
#5c8cd9
```
#5c8cd9 rgb(92,140,217)
```
#6b97dc
```
#6b97dc rgb(107,151,220)
```
#7ba2e0
```
#7ba2e0 rgb(123,162,224)
```
#8bade4
```
#8bade4 rgb(139,173,228)
```
#9bb8e7
```
#9bb8e7 rgb(155,184,231)
```
#abc4eb
```
#abc4eb rgb(171,196,235)
```
#bbcfef
```
#bbcfef rgb(187,207,239)
```
#cbdaf3
```
#cbdaf3 rgb(203,218,243)
```
#dbe5f6
```
#dbe5f6 rgb(219,229,246)
```
#eaf0fa
```
#eaf0fa rgb(234,240,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696969 is the less saturated color, while #0853ca is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#616771
```
#616771 rgb(97,103,113)
```
#58657a
```
#58657a rgb(88,101,122)
```
#506382
```
#506382 rgb(80,99,130)
```
#48618a
```
#48618a rgb(72,97,138)
```
#406092
```
#406092 rgb(64,96,146)
```
#385e9a
```
#385e9a rgb(56,94,154)
```
#305ca2
```
#305ca2 rgb(48,92,162)
```
#285aaa
```
#285aaa rgb(40,90,170)
```
#2058b2
```
#2058b2 rgb(32,88,178)
```
#1856ba
```
#1856ba rgb(24,86,186)
```
#1054c2
```
#1054c2 rgb(16,84,194)
```
#0853ca
```
#0853ca rgb(8,83,202)
```

Tone Color Variation

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

Dichromacy

#3961ad Protanopia 1% of men
#0066a9 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#335fac Protanomaly 1% of men, 0.01% of women
#0e61a9 Deuteranomaly 6% of men, 0.4% of women
#0e6688 Tritanomaly 0.01% of the population

#285aaa hex color

#285aaa Color Information

#285aaa Color Conversion

Color Schemes with #285aaa

Alternatives to #285aaa

#285aaa Preview

Shades and Tints of #285aaa

Tones of #285aaa

Color Blindness Simulator