#285fa9 hex color

In a RGB color space, hex #285fa9 is composed of 15.7% red, 37.3% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 43.8% magenta, 0% yellow and 33.7% black. It has a hue angle of 214.4 degrees, a saturation of 61.7% and a lightness of 41%. #285fa9 color hex could be obtained by blending #50beff with #000053. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 37
- B 66
RGB color chart
- C 76
- M 44
- Y 0
- K 34
CMYK color chart

● #285fa9 color description : Dark blue.

The hexadecimal color #285fa9 has RGB values of R:40, G:95, B:169 and CMYK values of C:0.76, M:0.44, Y:0, K:0.34. Its decimal value is 2645929.

Hex triplet	285fa9	`#285fa9`
RGB Decimal	40, 95, 169	`rgb(40,95,169)`
RGB Percent	15.7, 37.3, 66.3	`rgb(15.7%,37.3%,66.3%)`
CMYK	76, 44, 0, 34
HSL	214.4°, 61.7, 41	`hsl(214.4,61.7%,41%)`
HSV (or HSB)	214.4°, 76.3, 66.3
Web Safe	336699	`#336699`

CIE-LAB	40.409, 8.574, -44.918
XYZ	12.127, 11.499, 39.114
xyY	0.193, 0.183, 11.499
CIE-LCH	40.409, 45.729, 280.806
CIE-LUV	40.409, -19.538, -65.978
Hunter-Lab	33.91, 4.492, -44.651
Binary	00101000, 01011111, 10101001

#285fa9
```
#285fa9 rgb(40,95,169)
```
#a97228
```
#a97228 rgb(169,114,40)
```

Complementary Color

#28a0a9
```
#28a0a9 rgb(40,160,169)
```
#285fa9
```
#285fa9 rgb(40,95,169)
```
#3228a9
```
#3228a9 rgb(50,40,169)
```

Analogous Color

#a0a928
```
#a0a928 rgb(160,169,40)
```
#285fa9
```
#285fa9 rgb(40,95,169)
```
#a93228
```
#a93228 rgb(169,50,40)
```

Split Complementary Color

#5fa928
```
#5fa928 rgb(95,169,40)
```
#285fa9
```
#285fa9 rgb(40,95,169)
```
#a9285f
```
#a9285f rgb(169,40,95)
```

Triadic Color

#28a972
```
#28a972 rgb(40,169,114)
```
#285fa9
```
#285fa9 rgb(40,95,169)
```
#a9285f
```
#a9285f rgb(169,40,95)
```
#a97228
```
#a97228 rgb(169,114,40)
```

Tetradic Color

#193c6b
```
#193c6b rgb(25,60,107)
```
#1e4880
```
#1e4880 rgb(30,72,128)
```
#235394
```
#235394 rgb(35,83,148)
```
#285fa9
```
#285fa9 rgb(40,95,169)
```
#2d6bbe
```
#2d6bbe rgb(45,107,190)
```
#3577cf
```
#3577cf rgb(53,119,207)
```
#4985d4
```
#4985d4 rgb(73,133,212)
```

Monochromatic Color

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

#287fa9
```
#287fa9 rgb(40,127,169)
```
#2875a9
```
#2875a9 rgb(40,117,169)
```
#286aa9
```
#286aa9 rgb(40,106,169)
```
#285fa9
```
#285fa9 rgb(40,95,169)
```
#2854a9
```
#2854a9 rgb(40,84,169)
```
#2849a9
```
#2849a9 rgb(40,73,169)
```
#283fa9
```
#283fa9 rgb(40,63,169)
```

Similar Colors

Text with hexadecimal color #285fa9

This text has a font color of #285fa9.

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

#285fa9 background color

This paragraph has a background color of #285fa9.

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

#285fa9 border color

This element has a border color of #285fa9.

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

CSS codes

.text {color:#285fa9;}

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

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

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, #02060a is the darkest color, while #fafbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#060f1a
```
#060f1a rgb(6,15,26)
```
#0a182a
```
#0a182a rgb(10,24,42)
```
#0e213a
```
#0e213a rgb(14,33,58)
```
#112a4a
```
#112a4a rgb(17,42,74)
```
#15325a
```
#15325a rgb(21,50,90)
```
#193b6a
```
#193b6a rgb(25,59,106)
```
#1d4479
```
#1d4479 rgb(29,68,121)
```
#204d89
```
#204d89 rgb(32,77,137)
```
#245699
```
#245699 rgb(36,86,153)
```
#285fa9
```
#285fa9 rgb(40,95,169)
```
#2c68b9
```
#2c68b9 rgb(44,104,185)
```
#3071c9
```
#3071c9 rgb(48,113,201)
```

Shade Color Variation

#3b7bd1
```
#3b7bd1 rgb(59,123,209)
```
#4b86d4
```
#4b86d4 rgb(75,134,212)
```
#5b90d8
```
#5b90d8 rgb(91,144,216)
```
#6b9bdc
```
#6b9bdc rgb(107,155,220)
```
#7ba6e0
```
#7ba6e0 rgb(123,166,224)
```
#8ab0e3
```
#8ab0e3 rgb(138,176,227)
```
#9abbe7
```
#9abbe7 rgb(154,187,231)
```
#aac6eb
```
#aac6eb rgb(170,198,235)
```
#bad1ef
```
#bad1ef rgb(186,209,239)
```
#cadbf2
```
#cadbf2 rgb(202,219,242)
```
#dae6f6
```
#dae6f6 rgb(218,230,246)
```
#eaf1fa
```
#eaf1fa rgb(234,241,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#686869
```
#686869 rgb(104,104,105)
```
#606771
```
#606771 rgb(96,103,113)
```
#586679
```
#586679 rgb(88,102,121)
```
#506581
```
#506581 rgb(80,101,129)
```
#486489
```
#486489 rgb(72,100,137)
```
#406391
```
#406391 rgb(64,99,145)
```
#386199
```
#386199 rgb(56,97,153)
```
#3060a1
```
#3060a1 rgb(48,96,161)
```
#285fa9
```
#285fa9 rgb(40,95,169)
```
#205eb1
```
#205eb1 rgb(32,94,177)
```
#185db9
```
#185db9 rgb(24,93,185)
```
#105bc1
```
#105bc1 rgb(16,91,193)
```
#085ac9
```
#085ac9 rgb(8,90,201)
```

Tone Color Variation

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

#4465ab Protanopia 1% of men
#2168ac Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3a62aa Protanomaly 1% of men, 0.01% of women
#2465ab Deuteranomaly 6% of men, 0.4% of women
#0e6a8a Tritanomaly 0.01% of the population

#285fa9 hex color

#285fa9 Color Information

#285fa9 Color Conversion

Color Schemes with #285fa9

Alternatives to #285fa9

#285fa9 Preview

Shades and Tints of #285fa9

Tones of #285fa9

Color Blindness Simulator