#2270fa hex color

In a RGB color space, hex #2270fa is composed of 13.3% red, 43.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 55.2% magenta, 0% yellow and 2% black. It has a hue angle of 218.3 degrees, a saturation of 95.6% and a lightness of 55.7%. #2270fa color hex could be obtained by blending #44e0ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 44
- B 98
RGB color chart
- C 86
- M 55
- Y 0
- K 2
CMYK color chart

● #2270fa color description : Vivid blue.

The hexadecimal color #2270fa has RGB values of R:34, G:112, B:250 and CMYK values of C:0.86, M:0.55, Y:0, K:0.02. Its decimal value is 2257146.

Hex triplet	2270fa	`#2270fa`
RGB Decimal	34, 112, 250	`rgb(34,112,250)`
RGB Percent	13.3, 43.9, 98	`rgb(13.3%,43.9%,98%)`
CMYK	86, 55, 0, 2
HSL	218.3°, 95.6, 55.7	`hsl(218.3,95.6%,55.7%)`
HSV (or HSB)	218.3°, 86.4, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.486, 28.153, -75.008
XYZ	23.705, 18.829, 92.822
xyY	0.175, 0.139, 18.829
CIE-LCH	50.486, 80.117, 290.573
CIE-LUV	50.486, -23.392, -117.132
Hunter-Lab	43.392, 21.58, -96.456
Binary	00100010, 01110000, 11111010

#2270fa
```
#2270fa rgb(34,112,250)
```
#faac22
```
#faac22 rgb(250,172,34)
```

Complementary Color

#22dcfa
```
#22dcfa rgb(34,220,250)
```
#2270fa
```
#2270fa rgb(34,112,250)
```
#4022fa
```
#4022fa rgb(64,34,250)
```

Analogous Color

#dcfa22
```
#dcfa22 rgb(220,250,34)
```
#2270fa
```
#2270fa rgb(34,112,250)
```
#fa4022
```
#fa4022 rgb(250,64,34)
```

Split Complementary Color

#70fa22
```
#70fa22 rgb(112,250,34)
```
#2270fa
```
#2270fa rgb(34,112,250)
```
#fa2270
```
#fa2270 rgb(250,34,112)
```

Triadic Color

#22faac
```
#22faac rgb(34,250,172)
```
#2270fa
```
#2270fa rgb(34,112,250)
```
#fa2270
```
#fa2270 rgb(250,34,112)
```
#faac22
```
#faac22 rgb(250,172,34)
```

Tetradic Color

#054ccb
```
#054ccb rgb(5,76,203)
```
#0556e4
```
#0556e4 rgb(5,86,228)
```
#0960f9
```
#0960f9 rgb(9,96,249)
```
#2270fa
```
#2270fa rgb(34,112,250)
```
#3b80fb
```
#3b80fb rgb(59,128,251)
```
#5490fb
```
#5490fb rgb(84,144,251)
```
#6da0fc
```
#6da0fc rgb(109,160,252)
```

Monochromatic Color

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

#22a6fa
```
#22a6fa rgb(34,166,250)
```
#2294fa
```
#2294fa rgb(34,148,250)
```
#2282fa
```
#2282fa rgb(34,130,250)
```
#2270fa
```
#2270fa rgb(34,112,250)
```
#225efa
```
#225efa rgb(34,94,250)
```
#224cfa
```
#224cfa rgb(34,76,250)
```
#223afa
```
#223afa rgb(34,58,250)
```

Similar Colors

Text with hexadecimal color #2270fa

This text has a font color of #2270fa.

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

#2270fa background color

This paragraph has a background color of #2270fa.

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

#2270fa border color

This element has a border color of #2270fa.

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

CSS codes

.text {color:#2270fa;}

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

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

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

#000309
```
#000309 rgb(0,3,9)
```
#010b1c
```
#010b1c rgb(1,11,28)
```
#011230
```
#011230 rgb(1,18,48)
```
#021943
```
#021943 rgb(2,25,67)
```
#022056
```
#022056 rgb(2,32,86)
```
#022769
```
#022769 rgb(2,39,105)
```
#032f7c
```
#032f7c rgb(3,47,124)
```
#03368f
```
#03368f rgb(3,54,143)
```
#043da3
```
#043da3 rgb(4,61,163)
```
#0444b6
```
#0444b6 rgb(4,68,182)
```
#054bc9
```
#054bc9 rgb(5,75,201)
```
#0553dc
```
#0553dc rgb(5,83,220)
```
#055aef
```
#055aef rgb(5,90,239)
```

Shade Color Variation

#0f64fa
```
#0f64fa rgb(15,100,250)
```
#2270fa
```
#2270fa rgb(34,112,250)
```
#357cfa
```
#357cfa rgb(53,124,250)
```
#4889fb
```
#4889fb rgb(72,137,251)
```
#5c95fb
```
#5c95fb rgb(92,149,251)
```
#6fa2fc
```
#6fa2fc rgb(111,162,252)
```
#82aefc
```
#82aefc rgb(130,174,252)
```
#95bafd
```
#95bafd rgb(149,186,253)
```
#a8c7fd
```
#a8c7fd rgb(168,199,253)
```
#bbd3fd
```
#bbd3fd rgb(187,211,253)
```
#cfe0fe
```
#cfe0fe rgb(207,224,254)
```
#e2ecfe
```
#e2ecfe rgb(226,236,254)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8d92 is the less saturated color, while #2270fa is the most saturated one.

#8a8d92
```
#8a8d92 rgb(138,141,146)
```
#828b9a
```
#828b9a rgb(130,139,154)
```
#7988a3
```
#7988a3 rgb(121,136,163)
```
#7086ac
```
#7086ac rgb(112,134,172)
```
#6883b4
```
#6883b4 rgb(104,131,180)
```
#5f81bd
```
#5f81bd rgb(95,129,189)
```
#567ec6
```
#567ec6 rgb(86,126,198)
```
#4d7ccf
```
#4d7ccf rgb(77,124,207)
```
#457ad7
```
#457ad7 rgb(69,122,215)
```
#3c77e0
```
#3c77e0 rgb(60,119,224)
```
#3375e9
```
#3375e9 rgb(51,117,233)
```
#2b72f1
```
#2b72f1 rgb(43,114,241)
```
#2270fa
```
#2270fa rgb(34,112,250)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5a6a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf1 Protanopia 1% of men
#0082d3 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#0c77f4 Protanomaly 1% of men, 0.01% of women
#0c7be1 Deuteranomaly 6% of men, 0.4% of women
#0c81b8 Tritanomaly 0.01% of the population

#2270fa hex color

#2270fa Color Information

#2270fa Color Conversion

Color Schemes with #2270fa

Alternatives to #2270fa

#2270fa Preview

Shades and Tints of #2270fa

Tones of #2270fa

Color Blindness Simulator