#285dc4 hex color

In a RGB color space, hex #285dc4 is composed of 15.7% red, 36.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 52.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 219.6 degrees, a saturation of 66.1% and a lightness of 46.3%. #285dc4 color hex could be obtained by blending #50baff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 36
- B 77
RGB color chart
- C 80
- M 53
- Y 0
- K 23
CMYK color chart

● #285dc4 color description : Strong blue.

The hexadecimal color #285dc4 has RGB values of R:40, G:93, B:196 and CMYK values of C:0.8, M:0.53, Y:0, K:0.23. Its decimal value is 2645444.

Hex triplet	285dc4	`#285dc4`
RGB Decimal	40, 93, 196	`rgb(40,93,196)`
RGB Percent	15.7, 36.5, 76.9	`rgb(15.7%,36.5%,76.9%)`
CMYK	80, 53, 0, 23
HSL	219.6°, 66.1, 46.3	`hsl(219.6,66.1%,46.3%)`
HSV (or HSB)	219.6°, 79.6, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.633, 20.28, -58.758
XYZ	14.751, 12.264, 53.811
xyY	0.183, 0.152, 12.264
CIE-LCH	41.633, 62.159, 289.042
CIE-LUV	41.633, -18.405, -87.602
Hunter-Lab	35.02, 13.901, -66.589
Binary	00101000, 01011101, 11000100

#285dc4
```
#285dc4 rgb(40,93,196)
```
#c48f28
```
#c48f28 rgb(196,143,40)
```

Complementary Color

#28abc4
```
#28abc4 rgb(40,171,196)
```
#285dc4
```
#285dc4 rgb(40,93,196)
```
#4128c4
```
#4128c4 rgb(65,40,196)
```

Analogous Color

#abc428
```
#abc428 rgb(171,196,40)
```
#285dc4
```
#285dc4 rgb(40,93,196)
```
#c44128
```
#c44128 rgb(196,65,40)
```

Split Complementary Color

#5dc428
```
#5dc428 rgb(93,196,40)
```
#285dc4
```
#285dc4 rgb(40,93,196)
```
#c4285d
```
#c4285d rgb(196,40,93)
```

Triadic Color

#28c48f
```
#28c48f rgb(40,196,143)
```
#285dc4
```
#285dc4 rgb(40,93,196)
```
#c4285d
```
#c4285d rgb(196,40,93)
```
#c48f28
```
#c48f28 rgb(196,143,40)
```

Tetradic Color

#1b3f84
```
#1b3f84 rgb(27,63,132)
```
#1f499a
```
#1f499a rgb(31,73,154)
```
#2453af
```
#2453af rgb(36,83,175)
```
#285dc4
```
#285dc4 rgb(40,93,196)
```
#3168d5
```
#3168d5 rgb(49,104,213)
```
#4678d9
```
#4678d9 rgb(70,120,217)
```
#5b87de
```
#5b87de rgb(91,135,222)
```

Monochromatic Color

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

#2884c4
```
#2884c4 rgb(40,132,196)
```
#2877c4
```
#2877c4 rgb(40,119,196)
```
#286ac4
```
#286ac4 rgb(40,106,196)
```
#285dc4
```
#285dc4 rgb(40,93,196)
```
#2850c4
```
#2850c4 rgb(40,80,196)
```
#2843c4
```
#2843c4 rgb(40,67,196)
```
#2836c4
```
#2836c4 rgb(40,54,196)
```

Similar Colors

Text with hexadecimal color #285dc4

This text has a font color of #285dc4.

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

#285dc4 background color

This paragraph has a background color of #285dc4.

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

#285dc4 border color

This element has a border color of #285dc4.

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

CSS codes

.text {color:#285dc4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030811
```
#030811 rgb(3,8,17)
```
#071021
```
#071021 rgb(7,16,33)
```
#0a1731
```
#0a1731 rgb(10,23,49)
```
#0d1f42
```
#0d1f42 rgb(13,31,66)
```
#112752
```
#112752 rgb(17,39,82)
```
#142f62
```
#142f62 rgb(20,47,98)
```
#173673
```
#173673 rgb(23,54,115)
```
#1b3e83
```
#1b3e83 rgb(27,62,131)
```
#1e4693
```
#1e4693 rgb(30,70,147)
```
#214ea3
```
#214ea3 rgb(33,78,163)
```
#2555b4
```
#2555b4 rgb(37,85,180)
```
#285dc4
```
#285dc4 rgb(40,93,196)
```

Shade Color Variation

#2c65d4
```
#2c65d4 rgb(44,101,212)
```
#3c71d7
```
#3c71d7 rgb(60,113,215)
```
#4c7ddb
```
#4c7ddb rgb(76,125,219)
```
#5d89de
```
#5d89de rgb(93,137,222)
```
#6d94e1
```
#6d94e1 rgb(109,148,225)
```
#7da0e5
```
#7da0e5 rgb(125,160,229)
```
#8dace8
```
#8dace8 rgb(141,172,232)
```
#9eb8eb
```
#9eb8eb rgb(158,184,235)
```
#aec4ee
```
#aec4ee rgb(174,196,238)
```
#bed0f2
```
#bed0f2 rgb(190,208,242)
```
#cfdcf5
```
#cfdcf5 rgb(207,220,245)
```
#dfe8f8
```
#dfe8f8 rgb(223,232,248)
```
#eff3fc
```
#eff3fc rgb(239,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71747b is the less saturated color, while #0451e8 is the most saturated one.

#71747b
```
#71747b rgb(113,116,123)
```
#687184
```
#687184 rgb(104,113,132)
```
#5e6e8e
```
#5e6e8e rgb(94,110,142)
```
#556c97
```
#556c97 rgb(85,108,151)
```
#4c69a0
```
#4c69a0 rgb(76,105,160)
```
#4366a9
```
#4366a9 rgb(67,102,169)
```
#3a63b2
```
#3a63b2 rgb(58,99,178)
```
#3160bb
```
#3160bb rgb(49,96,187)
```
#285dc4
```
#285dc4 rgb(40,93,196)
```
#1f5acd
```
#1f5acd rgb(31,90,205)
```
#1657d6
```
#1657d6 rgb(22,87,214)
```
#0d54df
```
#0d54df rgb(13,84,223)
```
#0451e8
```
#0451e8 rgb(4,81,232)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4f5a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1767c8 Protanopia 1% of men
#006cb1 Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1d63c6 Protanomaly 1% of men, 0.01% of women
#0e66b8 Deuteranomaly 6% of men, 0.4% of women
#0e6c96 Tritanomaly 0.01% of the population

#285dc4 hex color

#285dc4 Color Information

#285dc4 Color Conversion

Color Schemes with #285dc4

Alternatives to #285dc4

#285dc4 Preview

Shades and Tints of #285dc4

Tones of #285dc4

Color Blindness Simulator