#285fa7 hex color

In a RGB color space, hex #285fa7 is composed of 15.7% red, 37.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 43.1% magenta, 0% yellow and 34.5% black. It has a hue angle of 214 degrees, a saturation of 61.4% and a lightness of 40.6%. #285fa7 color hex could be obtained by blending #50beff with #00004f. 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

● #285fa7 color description : Dark blue.

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

Hex triplet	285fa7	`#285fa7`
RGB Decimal	40, 95, 167	`rgb(40,95,167)`
RGB Percent	15.7, 37.3, 65.5	`rgb(15.7%,37.3%,65.5%)`
CMYK	76, 43, 0, 35
HSL	214°, 61.4, 40.6	`hsl(214,61.4%,40.6%)`
HSV (or HSB)	214°, 76, 65.5
Web Safe	336699	`#336699`

CIE-LAB	40.287, 7.804, -43.929
XYZ	11.941, 11.425, 38.133
xyY	0.194, 0.186, 11.425
CIE-LCH	40.287, 44.617, 280.074
CIE-LUV	40.287, -19.59, -64.397
Hunter-Lab	33.8, 3.909, -43.23
Binary	00101000, 01011111, 10100111

#285fa7
```
#285fa7 rgb(40,95,167)
```
#a77028
```
#a77028 rgb(167,112,40)
```

Complementary Color

#289fa7
```
#289fa7 rgb(40,159,167)
```
#285fa7
```
#285fa7 rgb(40,95,167)
```
#3028a7
```
#3028a7 rgb(48,40,167)
```

Analogous Color

#9fa728
```
#9fa728 rgb(159,167,40)
```
#285fa7
```
#285fa7 rgb(40,95,167)
```
#a73028
```
#a73028 rgb(167,48,40)
```

Split Complementary Color

#5fa728
```
#5fa728 rgb(95,167,40)
```
#285fa7
```
#285fa7 rgb(40,95,167)
```
#a7285f
```
#a7285f rgb(167,40,95)
```

Triadic Color

#28a770
```
#28a770 rgb(40,167,112)
```
#285fa7
```
#285fa7 rgb(40,95,167)
```
#a7285f
```
#a7285f rgb(167,40,95)
```
#a77028
```
#a77028 rgb(167,112,40)
```

Tetradic Color

#193c69
```
#193c69 rgb(25,60,105)
```
#1e487e
```
#1e487e rgb(30,72,126)
```
#235392
```
#235392 rgb(35,83,146)
```
#285fa7
```
#285fa7 rgb(40,95,167)
```
#2d6bbc
```
#2d6bbc rgb(45,107,188)
```
#3477ce
```
#3477ce rgb(52,119,206)
```
#4884d3
```
#4884d3 rgb(72,132,211)
```

Monochromatic Color

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

#287fa7
```
#287fa7 rgb(40,127,167)
```
#2874a7
```
#2874a7 rgb(40,116,167)
```
#286aa7
```
#286aa7 rgb(40,106,167)
```
#285fa7
```
#285fa7 rgb(40,95,167)
```
#2854a7
```
#2854a7 rgb(40,84,167)
```
#284aa7
```
#284aa7 rgb(40,74,167)
```
#283fa7
```
#283fa7 rgb(40,63,167)
```

Similar Colors

Text with hexadecimal color #285fa7

This text has a font color of #285fa7.

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

#285fa7 background color

This paragraph has a background color of #285fa7.

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

#285fa7 border color

This element has a border color of #285fa7.

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

CSS codes

.text {color:#285fa7;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#060e19
```
#060e19 rgb(6,14,25)
```
#0a1728
```
#0a1728 rgb(10,23,40)
```
#0d2038
```
#0d2038 rgb(13,32,56)
```
#112948
```
#112948 rgb(17,41,72)
```
#153258
```
#153258 rgb(21,50,88)
```
#193b68
```
#193b68 rgb(25,59,104)
```
#1d4478
```
#1d4478 rgb(29,68,120)
```
#204d87
```
#204d87 rgb(32,77,135)
```
#245697
```
#245697 rgb(36,86,151)
```
#285fa7
```
#285fa7 rgb(40,95,167)
```
#2c68b7
```
#2c68b7 rgb(44,104,183)
```
#3071c7
```
#3071c7 rgb(48,113,199)
```

Shade Color Variation

#3a7bd0
```
#3a7bd0 rgb(58,123,208)
```
#4a86d4
```
#4a86d4 rgb(74,134,212)
```
#5a90d7
```
#5a90d7 rgb(90,144,215)
```
#6a9bdb
```
#6a9bdb rgb(106,155,219)
```
#79a5df
```
#79a5df rgb(121,165,223)
```
#89b0e3
```
#89b0e3 rgb(137,176,227)
```
#99bbe7
```
#99bbe7 rgb(153,187,231)
```
#a9c5ea
```
#a9c5ea rgb(169,197,234)
```
#b9d0ee
```
#b9d0ee rgb(185,208,238)
```
#c8daf2
```
#c8daf2 rgb(200,218,242)
```
#d8e5f6
```
#d8e5f6 rgb(216,229,246)
```
#e8f0fa
```
#e8f0fa rgb(232,240,250)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#60666f
```
#60666f rgb(96,102,111)
```
#586577
```
#586577 rgb(88,101,119)
```
#50647f
```
#50647f rgb(80,100,127)
```
#486387
```
#486387 rgb(72,99,135)
```
#40628f
```
#40628f rgb(64,98,143)
```
#386197
```
#386197 rgb(56,97,151)
```
#30609f
```
#30609f rgb(48,96,159)
```
#285fa7
```
#285fa7 rgb(40,95,167)
```
#205eaf
```
#205eaf rgb(32,94,175)
```
#185db7
```
#185db7 rgb(24,93,183)
```
#105cbf
```
#105cbf rgb(16,92,191)
```
#085bc7
```
#085bc7 rgb(8,91,199)
```
#005acf
```
#005acf rgb(0,90,207)
```

Tone Color Variation

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

#4565a9 Protanopia 1% of men
#2768ab Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#3b62a8 Protanomaly 1% of men, 0.01% of women
#2765a9 Deuteranomaly 6% of men, 0.4% of women
#0e6a89 Tritanomaly 0.01% of the population

#285fa7 hex color

#285fa7 Color Information

#285fa7 Color Conversion

Color Schemes with #285fa7

Alternatives to #285fa7

#285fa7 Preview

Shades and Tints of #285fa7

Tones of #285fa7

Color Blindness Simulator