#285df2 hex color

In a RGB color space, hex #285df2 is composed of 15.7% red, 36.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 61.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 224.3 degrees, a saturation of 88.6% and a lightness of 55.3%. #285df2 color hex could be obtained by blending #50baff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 36
- B 95
RGB color chart
- C 83
- M 62
- Y 0
- K 5
CMYK color chart

● #285df2 color description : Bright blue.

The hexadecimal color #285df2 has RGB values of R:40, G:93, B:242 and CMYK values of C:0.83, M:0.62, Y:0, K:0.05. Its decimal value is 2645490.

Hex triplet	285df2	`#285df2`
RGB Decimal	40, 93, 242	`rgb(40,93,242)`
RGB Percent	15.7, 36.5, 94.9	`rgb(15.7%,36.5%,94.9%)`
CMYK	83, 62, 0, 5
HSL	224.3°, 88.6, 55.3	`hsl(224.3,88.6%,55.3%)`
HSV (or HSB)	224.3°, 83.5, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.205, 37.556, -79.16
XYZ	20.813, 14.689, 85.738
xyY	0.172, 0.121, 14.689
CIE-LCH	45.205, 87.617, 295.381
CIE-LUV	45.205, -18.093, -119.335
Hunter-Lab	38.326, 29.864, -105.807
Binary	00101000, 01011101, 11110010

#285df2
```
#285df2 rgb(40,93,242)
```
#f2bd28
```
#f2bd28 rgb(242,189,40)
```

Complementary Color

#28c2f2
```
#28c2f2 rgb(40,194,242)
```
#285df2
```
#285df2 rgb(40,93,242)
```
#5828f2
```
#5828f2 rgb(88,40,242)
```

Analogous Color

#c2f228
```
#c2f228 rgb(194,242,40)
```
#285df2
```
#285df2 rgb(40,93,242)
```
#f25828
```
#f25828 rgb(242,88,40)
```

Split Complementary Color

#5df228
```
#5df228 rgb(93,242,40)
```
#285df2
```
#285df2 rgb(40,93,242)
```
#f2285d
```
#f2285d rgb(242,40,93)
```

Triadic Color

#28f2bd
```
#28f2bd rgb(40,242,189)
```
#285df2
```
#285df2 rgb(40,93,242)
```
#f2285d
```
#f2285d rgb(242,40,93)
```
#f2bd28
```
#f2bd28 rgb(242,189,40)
```

Tetradic Color

#0c3bc2
```
#0c3bc2 rgb(12,59,194)
```
#0d43da
```
#0d43da rgb(13,67,218)
```
#104bf1
```
#104bf1 rgb(16,75,241)
```
#285df2
```
#285df2 rgb(40,93,242)
```
#406ff3
```
#406ff3 rgb(64,111,243)
```
#5881f5
```
#5881f5 rgb(88,129,245)
```
#7093f6
```
#7093f6 rgb(112,147,246)
```

Monochromatic Color

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

#2890f2
```
#2890f2 rgb(40,144,242)
```
#287ff2
```
#287ff2 rgb(40,127,242)
```
#286ef2
```
#286ef2 rgb(40,110,242)
```
#285df2
```
#285df2 rgb(40,93,242)
```
#284cf2
```
#284cf2 rgb(40,76,242)
```
#283bf2
```
#283bf2 rgb(40,59,242)
```
#282bf2
```
#282bf2 rgb(40,43,242)
```

Similar Colors

Text with hexadecimal color #285df2

This text has a font color of #285df2.

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

#285df2 background color

This paragraph has a background color of #285df2.

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

#285df2 border color

This element has a border color of #285df2.

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

CSS codes

.text {color:#285df2;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#020819
```
#020819 rgb(2,8,25)
```
#030d2c
```
#030d2c rgb(3,13,44)
```
#04133e
```
#04133e rgb(4,19,62)
```
#051951
```
#051951 rgb(5,25,81)
```
#061f63
```
#061f63 rgb(6,31,99)
```
#072476
```
#072476 rgb(7,36,118)
```
#082a88
```
#082a88 rgb(8,42,136)
```
#09309b
```
#09309b rgb(9,48,155)
```
#0a35ad
```
#0a35ad rgb(10,53,173)
```
#0c3bc0
```
#0c3bc0 rgb(12,59,192)
```
#0d41d2
```
#0d41d2 rgb(13,65,210)
```
#0e46e5
```
#0e46e5 rgb(14,70,229)
```

Shade Color Variation

#164ff1
```
#164ff1 rgb(22,79,241)
```
#285df2
```
#285df2 rgb(40,93,242)
```
#3a6bf3
```
#3a6bf3 rgb(58,107,243)
```
#4d79f4
```
#4d79f4 rgb(77,121,244)
```
#5f87f5
```
#5f87f5 rgb(95,135,245)
```
#7295f6
```
#7295f6 rgb(114,149,246)
```
#84a3f8
```
#84a3f8 rgb(132,163,248)
```
#97b1f9
```
#97b1f9 rgb(151,177,249)
```
#a9bffa
```
#a9bffa rgb(169,191,250)
```
#bcccfb
```
#bcccfb rgb(188,204,251)
```
#cedafc
```
#cedafc rgb(206,218,252)
```
#e1e8fd
```
#e1e8fd rgb(225,232,253)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b92 is the less saturated color, while #1f59fb is the most saturated one.

#888b92
```
#888b92 rgb(136,139,146)
```
#80879a
```
#80879a rgb(128,135,154)
```
#7783a3
```
#7783a3 rgb(119,131,163)
```
#6e7eac
```
#6e7eac rgb(110,126,172)
```
#657ab5
```
#657ab5 rgb(101,122,181)
```
#5d76bd
```
#5d76bd rgb(93,118,189)
```
#5472c6
```
#5472c6 rgb(84,114,198)
```
#4b6ecf
```
#4b6ecf rgb(75,110,207)
```
#426ad8
```
#426ad8 rgb(66,106,216)
```
#3a65e0
```
#3a65e0 rgb(58,101,224)
```
#3161e9
```
#3161e9 rgb(49,97,233)
```
#285df2
```
#285df2 rgb(40,93,242)
```
#1f59fb
```
#1f59fb rgb(31,89,251)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#535e7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0e68e2 Protanomaly 1% of men, 0.01% of women
#0e6cd0 Deuteranomaly 6% of men, 0.4% of women
#0e72ac Tritanomaly 0.01% of the population

#285df2 hex color

#285df2 Color Information

#285df2 Color Conversion

Color Schemes with #285df2

Alternatives to #285df2

#285df2 Preview

Shades and Tints of #285df2

Tones of #285df2

Color Blindness Simulator