#2270eb hex color

In a RGB color space, hex #2270eb is composed of 13.3% red, 43.9% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 52.3% magenta, 0% yellow and 7.8% black. It has a hue angle of 216.7 degrees, a saturation of 83.4% and a lightness of 52.7%. #2270eb color hex could be obtained by blending #44e0ff with #0000d7. Closest websafe color is: #3366ff.

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

● #2270eb color description : Vivid blue.

The hexadecimal color #2270eb has RGB values of R:34, G:112, B:235 and CMYK values of C:0.86, M:0.52, Y:0, K:0.08. Its decimal value is 2257131.

Hex triplet	2270eb	`#2270eb`
RGB Decimal	34, 112, 235	`rgb(34,112,235)`
RGB Percent	13.3, 43.9, 92.2	`rgb(13.3%,43.9%,92.2%)`
CMYK	86, 52, 0, 8
HSL	216.7°, 83.4, 52.7	`hsl(216.7,83.4%,52.7%)`
HSV (or HSB)	216.7°, 85.5, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.405, 22.479, -68.395
XYZ	21.446, 17.925, 80.922
xyY	0.178, 0.149, 17.925
CIE-LCH	49.405, 71.994, 288.194
CIE-LUV	49.405, -23.712, -106.432
Hunter-Lab	42.338, 16.327, -83.688
Binary	00100010, 01110000, 11101011

#2270eb
```
#2270eb rgb(34,112,235)
```
#eb9d22
```
#eb9d22 rgb(235,157,34)
```

Complementary Color

#22d5eb
```
#22d5eb rgb(34,213,235)
```
#2270eb
```
#2270eb rgb(34,112,235)
```
#3922eb
```
#3922eb rgb(57,34,235)
```

Analogous Color

#d5eb22
```
#d5eb22 rgb(213,235,34)
```
#2270eb
```
#2270eb rgb(34,112,235)
```
#eb3822
```
#eb3822 rgb(235,56,34)
```

Split Complementary Color

#70eb22
```
#70eb22 rgb(112,235,34)
```
#2270eb
```
#2270eb rgb(34,112,235)
```
#eb2270
```
#eb2270 rgb(235,34,112)
```

Triadic Color

#22eb9d
```
#22eb9d rgb(34,235,157)
```
#2270eb
```
#2270eb rgb(34,112,235)
```
#eb2270
```
#eb2270 rgb(235,34,112)
```
#eb9d22
```
#eb9d22 rgb(235,157,34)
```

Tetradic Color

#104eb1
```
#104eb1 rgb(16,78,177)
```
#1259c8
```
#1259c8 rgb(18,89,200)
```
#1463df
```
#1463df rgb(20,99,223)
```
#2270eb
```
#2270eb rgb(34,112,235)
```
#397fed
```
#397fed rgb(57,127,237)
```
#518eef
```
#518eef rgb(81,142,239)
```
#689df1
```
#689df1 rgb(104,157,241)
```

Monochromatic Color

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

#22a2eb
```
#22a2eb rgb(34,162,235)
```
#2292eb
```
#2292eb rgb(34,146,235)
```
#2281eb
```
#2281eb rgb(34,129,235)
```
#2270eb
```
#2270eb rgb(34,112,235)
```
#225feb
```
#225feb rgb(34,95,235)
```
#224feb
```
#224feb rgb(34,79,235)
```
#223eeb
```
#223eeb rgb(34,62,235)
```

Similar Colors

Text with hexadecimal color #2270eb

This text has a font color of #2270eb.

<span style="color:#2270eb;">Text here</span>

#2270eb background color

This paragraph has a background color of #2270eb.

<p style="background-color:#2270eb;">Content here</p>

#2270eb border color

This element has a border color of #2270eb.

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

CSS codes

.text {color:#2270eb;}

.background {background-color:#2270eb;}

.border {border:1px solid #2270eb;}

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, #01060d is the darkest color, while #fafcff is the lightest one.

#01060d
```
#01060d rgb(1,6,13)
```
#030e1f
```
#030e1f rgb(3,14,31)
```
#041631
```
#041631 rgb(4,22,49)
```
#061e43
```
#061e43 rgb(6,30,67)
```
#082655
```
#082655 rgb(8,38,85)
```
#092e67
```
#092e67 rgb(9,46,103)
```
#0b3679
```
#0b3679 rgb(11,54,121)
```
#0d3e8b
```
#0d3e8b rgb(13,62,139)
```
#0e469d
```
#0e469d rgb(14,70,157)
```
#104daf
```
#104daf rgb(16,77,175)
```
#1155c1
```
#1155c1 rgb(17,85,193)
```
#135dd3
```
#135dd3 rgb(19,93,211)
```
#1565e5
```
#1565e5 rgb(21,101,229)
```

Shade Color Variation

#2270eb
```
#2270eb rgb(34,112,235)
```
#347ced
```
#347ced rgb(52,124,237)
```
#4687ee
```
#4687ee rgb(70,135,238)
```
#5893f0
```
#5893f0 rgb(88,147,240)
```
#6a9ff2
```
#6a9ff2 rgb(106,159,242)
```
#7caaf3
```
#7caaf3 rgb(124,170,243)
```
#8eb6f5
```
#8eb6f5 rgb(142,182,245)
```
#a0c1f6
```
#a0c1f6 rgb(160,193,246)
```
#b2cdf8
```
#b2cdf8 rgb(178,205,248)
```
#c4d9fa
```
#c4d9fa rgb(196,217,250)
```
#d6e4fb
```
#d6e4fb rgb(214,228,251)
```
#e8f0fd
```
#e8f0fd rgb(232,240,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f858e is the less saturated color, while #0f6cfe is the most saturated one.

#7f858e
```
#7f858e rgb(127,133,142)
```
#758398
```
#758398 rgb(117,131,152)
```
#6c81a1
```
#6c81a1 rgb(108,129,161)
```
#637faa
```
#637faa rgb(99,127,170)
```
#5a7cb3
```
#5a7cb3 rgb(90,124,179)
```
#507abd
```
#507abd rgb(80,122,189)
```
#4778c6
```
#4778c6 rgb(71,120,198)
```
#3e76cf
```
#3e76cf rgb(62,118,207)
```
#3574d8
```
#3574d8 rgb(53,116,216)
```
#2b72e2
```
#2b72e2 rgb(43,114,226)
```
#2270eb
```
#2270eb rgb(34,112,235)
```
#196ef4
```
#196ef4 rgb(25,110,244)
```
#0f6cfe
```
#0f6cfe rgb(15,108,254)
```

Tone Color Variation

Below, you can see how #2270eb 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

#676767 Achromatopsia 0.005% of the population
#596981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ed Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#0c75ec Protanomaly 1% of men, 0.01% of women
#0c79d9 Deuteranomaly 6% of men, 0.4% of women
#0c7fb1 Tritanomaly 0.01% of the population

#2270eb hex color

#2270eb Color Information

#2270eb Color Conversion

Color Schemes with #2270eb

Alternatives to #2270eb

#2270eb Preview

Shades and Tints of #2270eb

Tones of #2270eb

Color Blindness Simulator