#2285ee hex color

In a RGB color space, hex #2285ee is composed of 13.3% red, 52.2% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 44.1% magenta, 0% yellow and 6.7% black. It has a hue angle of 210.9 degrees, a saturation of 85.7% and a lightness of 53.3%. #2285ee color hex could be obtained by blending #44ffff with #000bdd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 52
- B 93
RGB color chart
- C 86
- M 44
- Y 0
- K 7
CMYK color chart

● #2285ee color description : Vivid blue.

The hexadecimal color #2285ee has RGB values of R:34, G:133, B:238 and CMYK values of C:0.86, M:0.44, Y:0, K:0.07. Its decimal value is 2262510.

Hex triplet	2285ee	`#2285ee`
RGB Decimal	34, 133, 238	`rgb(34,133,238)`
RGB Percent	13.3, 52.2, 93.3	`rgb(13.3%,52.2%,93.3%)`
CMYK	86, 44, 0, 7
HSL	210.9°, 85.7, 53.3	`hsl(210.9,85.7%,53.3%)`
HSV (or HSB)	210.9°, 85.7, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.366, 10.495, -60.45
XYZ	24.476, 23.286, 84.089
xyY	0.186, 0.177, 23.286
CIE-LCH	55.366, 61.354, 279.85
CIE-LUV	55.366, -29.834, -96.138
Hunter-Lab	48.256, 6.092, -69.538
Binary	00100010, 10000101, 11101110

#2285ee
```
#2285ee rgb(34,133,238)
```
#ee8b22
```
#ee8b22 rgb(238,139,34)
```

Complementary Color

#22ebee
```
#22ebee rgb(34,235,238)
```
#2285ee
```
#2285ee rgb(34,133,238)
```
#2522ee
```
#2522ee rgb(37,34,238)
```

Analogous Color

#ebee22
```
#ebee22 rgb(235,238,34)
```
#2285ee
```
#2285ee rgb(34,133,238)
```
#ee2522
```
#ee2522 rgb(238,37,34)
```

Split Complementary Color

#85ee22
```
#85ee22 rgb(133,238,34)
```
#2285ee
```
#2285ee rgb(34,133,238)
```
#ee2285
```
#ee2285 rgb(238,34,133)
```

Triadic Color

#22ee8b
```
#22ee8b rgb(34,238,139)
```
#2285ee
```
#2285ee rgb(34,133,238)
```
#ee2285
```
#ee2285 rgb(238,34,133)
```
#ee8b22
```
#ee8b22 rgb(238,139,34)
```

Tetradic Color

#0e5fb6
```
#0e5fb6 rgb(14,95,182)
```
#106ccd
```
#106ccd rgb(16,108,205)
```
#1278e5
```
#1278e5 rgb(18,120,229)
```
#2285ee
```
#2285ee rgb(34,133,238)
```
#3a92f0
```
#3a92f0 rgb(58,146,240)
```
#519ff2
```
#519ff2 rgb(81,159,242)
```
#69acf3
```
#69acf3 rgb(105,172,243)
```

Monochromatic Color

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

#22b8ee
```
#22b8ee rgb(34,184,238)
```
#22a7ee
```
#22a7ee rgb(34,167,238)
```
#2296ee
```
#2296ee rgb(34,150,238)
```
#2285ee
```
#2285ee rgb(34,133,238)
```
#2274ee
```
#2274ee rgb(34,116,238)
```
#2263ee
```
#2263ee rgb(34,99,238)
```
#2252ee
```
#2252ee rgb(34,82,238)
```

Similar Colors

Text with hexadecimal color #2285ee

This text has a font color of #2285ee.

<span style="color:#2285ee;">Text here</span>

#2285ee background color

This paragraph has a background color of #2285ee.

<p style="background-color:#2285ee;">Content here</p>

#2285ee border color

This element has a border color of #2285ee.

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

CSS codes

.text {color:#2285ee;}

.background {background-color:#2285ee;}

.border {border:1px solid #2285ee;}

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

#010810
```
#010810 rgb(1,8,16)
```
#031222
```
#031222 rgb(3,18,34)
```
#041b34
```
#041b34 rgb(4,27,52)
```
#052546
```
#052546 rgb(5,37,70)
```
#072f59
```
#072f59 rgb(7,47,89)
```
#08386b
```
#08386b rgb(8,56,107)
```
#0a427d
```
#0a427d rgb(10,66,125)
```
#0b4b8f
```
#0b4b8f rgb(11,75,143)
```
#0c55a2
```
#0c55a2 rgb(12,85,162)
```
#0e5eb4
```
#0e5eb4 rgb(14,94,180)
```
#0f68c6
```
#0f68c6 rgb(15,104,198)
```
#1171d8
```
#1171d8 rgb(17,113,216)
```
#127bea
```
#127bea rgb(18,123,234)
```

Shade Color Variation

#2285ee
```
#2285ee rgb(34,133,238)
```
#348fef
```
#348fef rgb(52,143,239)
```
#4699f1
```
#4699f1 rgb(70,153,241)
```
#59a3f2
```
#59a3f2 rgb(89,163,242)
```
#6badf4
```
#6badf4 rgb(107,173,244)
```
#7db7f5
```
#7db7f5 rgb(125,183,245)
```
#8fc1f6
```
#8fc1f6 rgb(143,193,246)
```
#a2cbf8
```
#a2cbf8 rgb(162,203,248)
```
#b4d5f9
```
#b4d5f9 rgb(180,213,249)
```
#c6dffb
```
#c6dffb rgb(198,223,251)
```
#d8eafc
```
#d8eafc rgb(216,234,252)
```
#eaf4fd
```
#eaf4fd rgb(234,244,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#878889
```
#878889 rgb(135,136,137)
```
#7e8892
```
#7e8892 rgb(126,136,146)
```
#74879c
```
#74879c rgb(116,135,156)
```
#6b87a5
```
#6b87a5 rgb(107,135,165)
```
#6287ae
```
#6287ae rgb(98,135,174)
```
#5987b7
```
#5987b7 rgb(89,135,183)
```
#5086c0
```
#5086c0 rgb(80,134,192)
```
#4786c9
```
#4786c9 rgb(71,134,201)
```
#3d86d3
```
#3d86d3 rgb(61,134,211)
```
#3486dc
```
#3486dc rgb(52,134,220)
```
#2b85e5
```
#2b85e5 rgb(43,133,229)
```
#2285ee
```
#2285ee rgb(34,133,238)
```
#1985f7
```
#1985f7 rgb(25,133,247)
```

Tone Color Variation

Below, you can see how #2285ee 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

#737373 Achromatopsia 0.005% of the population
#63778c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5687eb Protanopia 1% of men
#008deb Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#4386ec Protanomaly 1% of men, 0.01% of women
#0c8aec Deuteranomaly 6% of men, 0.4% of women
#0c91bd Tritanomaly 0.01% of the population

#2285ee hex color

#2285ee Color Information

#2285ee Color Conversion

Color Schemes with #2285ee

Alternatives to #2285ee

#2285ee Preview

Shades and Tints of #2285ee

Tones of #2285ee

Color Blindness Simulator