#2271fa hex color

In a RGB color space, hex #2271fa is composed of 13.3% red, 44.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 54.8% magenta, 0% yellow and 2% black. It has a hue angle of 218.1 degrees, a saturation of 95.6% and a lightness of 55.7%. #2271fa color hex could be obtained by blending #44e2ff 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

● #2271fa color description : Vivid blue.

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

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

CIE-LAB	50.746, 27.522, -74.584
XYZ	23.816, 19.05, 92.859
xyY	0.175, 0.14, 19.05
CIE-LCH	50.746, 79.5, 290.255
CIE-LUV	50.746, -23.66, -116.65
Hunter-Lab	43.647, 21.018, -95.587
Binary	00100010, 01110001, 11111010

#2271fa
```
#2271fa rgb(34,113,250)
```
#faab22
```
#faab22 rgb(250,171,34)
```

Complementary Color

#22ddfa
```
#22ddfa rgb(34,221,250)
```
#2271fa
```
#2271fa rgb(34,113,250)
```
#3f22fa
```
#3f22fa rgb(63,34,250)
```

Analogous Color

#ddfa22
```
#ddfa22 rgb(221,250,34)
```
#2271fa
```
#2271fa rgb(34,113,250)
```
#fa3f22
```
#fa3f22 rgb(250,63,34)
```

Split Complementary Color

#71fa22
```
#71fa22 rgb(113,250,34)
```
#2271fa
```
#2271fa rgb(34,113,250)
```
#fa2271
```
#fa2271 rgb(250,34,113)
```

Triadic Color

#22faab
```
#22faab rgb(34,250,171)
```
#2271fa
```
#2271fa rgb(34,113,250)
```
#fa2271
```
#fa2271 rgb(250,34,113)
```
#faab22
```
#faab22 rgb(250,171,34)
```

Tetradic Color

#054dcb
```
#054dcb rgb(5,77,203)
```
#0557e4
```
#0557e4 rgb(5,87,228)
```
#0961f9
```
#0961f9 rgb(9,97,249)
```
#2271fa
```
#2271fa rgb(34,113,250)
```
#3b81fb
```
#3b81fb rgb(59,129,251)
```
#5491fb
```
#5491fb rgb(84,145,251)
```
#6da1fc
```
#6da1fc rgb(109,161,252)
```

Monochromatic Color

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

#22a7fa
```
#22a7fa rgb(34,167,250)
```
#2295fa
```
#2295fa rgb(34,149,250)
```
#2283fa
```
#2283fa rgb(34,131,250)
```
#2271fa
```
#2271fa rgb(34,113,250)
```
#225ffa
```
#225ffa rgb(34,95,250)
```
#224dfa
```
#224dfa rgb(34,77,250)
```
#223bfa
```
#223bfa rgb(34,59,250)
```

Similar Colors

Text with hexadecimal color #2271fa

This text has a font color of #2271fa.

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

#2271fa background color

This paragraph has a background color of #2271fa.

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

#2271fa border color

This element has a border color of #2271fa.

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

CSS codes

.text {color:#2271fa;}

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

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

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)
```
#022156
```
#022156 rgb(2,33,86)
```
#022869
```
#022869 rgb(2,40,105)
```
#032f7c
```
#032f7c rgb(3,47,124)
```
#03378f
```
#03378f rgb(3,55,143)
```
#043ea3
```
#043ea3 rgb(4,62,163)
```
#0445b6
```
#0445b6 rgb(4,69,182)
```
#054cc9
```
#054cc9 rgb(5,76,201)
```
#0554dc
```
#0554dc rgb(5,84,220)
```
#055bef
```
#055bef rgb(5,91,239)
```

Shade Color Variation

#0f65fa
```
#0f65fa rgb(15,101,250)
```
#2271fa
```
#2271fa rgb(34,113,250)
```
#357dfa
```
#357dfa rgb(53,125,250)
```
#488afb
```
#488afb rgb(72,138,251)
```
#5c96fb
```
#5c96fb rgb(92,150,251)
```
#6fa2fc
```
#6fa2fc rgb(111,162,252)
```
#82affc
```
#82affc rgb(130,175,252)
```
#95bbfd
```
#95bbfd rgb(149,187,253)
```
#a8c7fd
```
#a8c7fd rgb(168,199,253)
```
#bbd4fd
```
#bbd4fd rgb(187,212,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 #2271fa 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)
```
#6884b4
```
#6884b4 rgb(104,132,180)
```
#5f81bd
```
#5f81bd rgb(95,129,189)
```
#567fc6
```
#567fc6 rgb(86,127,198)
```
#4d7dcf
```
#4d7dcf rgb(77,125,207)
```
#457ad7
```
#457ad7 rgb(69,122,215)
```
#3c78e0
```
#3c78e0 rgb(60,120,224)
```
#3376e9
```
#3376e9 rgb(51,118,233)
```
#2b73f1
```
#2b73f1 rgb(43,115,241)
```
#2271fa
```
#2271fa rgb(34,113,250)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5b6b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#0c77f5 Protanomaly 1% of men, 0.01% of women
#0c7ce2 Deuteranomaly 6% of men, 0.4% of women
#0c82b9 Tritanomaly 0.01% of the population

#2271fa hex color

#2271fa Color Information

#2271fa Color Conversion

Color Schemes with #2271fa

Alternatives to #2271fa

#2271fa Preview

Shades and Tints of #2271fa

Tones of #2271fa

Color Blindness Simulator