#2266fa hex color

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

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

● #2266fa color description : Vivid blue.

The hexadecimal color #2266fa has RGB values of R:34, G:102, B:250 and CMYK values of C:0.86, M:0.59, Y:0, K:0.02. Its decimal value is 2254586.

Hex triplet	2266fa	`#2266fa`
RGB Decimal	34, 102, 250	`rgb(34,102,250)`
RGB Percent	13.3, 40, 98	`rgb(13.3%,40%,98%)`
CMYK	86, 59, 0, 2
HSL	221.1°, 95.6, 55.7	`hsl(221.1,95.6%,55.7%)`
HSV (or HSB)	221.1°, 86.4, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.935, 34.467, -79.17
XYZ	22.663, 16.743, 92.475
xyY	0.172, 0.127, 16.743
CIE-LCH	47.935, 86.347, 293.526
CIE-LUV	47.935, -20.806, -121.496
Hunter-Lab	40.918, 27.255, -105.351
Binary	00100010, 01100110, 11111010

#2266fa
```
#2266fa rgb(34,102,250)
```
#fab622
```
#fab622 rgb(250,182,34)
```

Complementary Color

#22d2fa
```
#22d2fa rgb(34,210,250)
```
#2266fa
```
#2266fa rgb(34,102,250)
```
#4a22fa
```
#4a22fa rgb(74,34,250)
```

Analogous Color

#d2fa22
```
#d2fa22 rgb(210,250,34)
```
#2266fa
```
#2266fa rgb(34,102,250)
```
#fa4a22
```
#fa4a22 rgb(250,74,34)
```

Split Complementary Color

#66fa22
```
#66fa22 rgb(102,250,34)
```
#2266fa
```
#2266fa rgb(34,102,250)
```
#fa2266
```
#fa2266 rgb(250,34,102)
```

Triadic Color

#22fab6
```
#22fab6 rgb(34,250,182)
```
#2266fa
```
#2266fa rgb(34,102,250)
```
#fa2266
```
#fa2266 rgb(250,34,102)
```
#fab622
```
#fab622 rgb(250,182,34)
```

Tetradic Color

#0543cb
```
#0543cb rgb(5,67,203)
```
#054be4
```
#054be4 rgb(5,75,228)
```
#0955f9
```
#0955f9 rgb(9,85,249)
```
#2266fa
```
#2266fa rgb(34,102,250)
```
#3b77fb
```
#3b77fb rgb(59,119,251)
```
#5489fb
```
#5489fb rgb(84,137,251)
```
#6d9afc
```
#6d9afc rgb(109,154,252)
```

Monochromatic Color

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

#229cfa
```
#229cfa rgb(34,156,250)
```
#228afa
```
#228afa rgb(34,138,250)
```
#2278fa
```
#2278fa rgb(34,120,250)
```
#2266fa
```
#2266fa rgb(34,102,250)
```
#2254fa
```
#2254fa rgb(34,84,250)
```
#2242fa
```
#2242fa rgb(34,66,250)
```
#2230fa
```
#2230fa rgb(34,48,250)
```

Similar Colors

Text with hexadecimal color #2266fa

This text has a font color of #2266fa.

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

#2266fa background color

This paragraph has a background color of #2266fa.

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

#2266fa border color

This element has a border color of #2266fa.

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

CSS codes

.text {color:#2266fa;}

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

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

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 #f5f8ff is the lightest one.

#000309
```
#000309 rgb(0,3,9)
```
#01091c
```
#01091c rgb(1,9,28)
```
#011030
```
#011030 rgb(1,16,48)
```
#021643
```
#021643 rgb(2,22,67)
```
#021c56
```
#021c56 rgb(2,28,86)
```
#022369
```
#022369 rgb(2,35,105)
```
#03297c
```
#03297c rgb(3,41,124)
```
#032f8f
```
#032f8f rgb(3,47,143)
```
#0436a3
```
#0436a3 rgb(4,54,163)
```
#043cb6
```
#043cb6 rgb(4,60,182)
```
#0542c9
```
#0542c9 rgb(5,66,201)
```
#0549dc
```
#0549dc rgb(5,73,220)
```
#054fef
```
#054fef rgb(5,79,239)
```

Shade Color Variation

#0f59fa
```
#0f59fa rgb(15,89,250)
```
#2266fa
```
#2266fa rgb(34,102,250)
```
#3573fa
```
#3573fa rgb(53,115,250)
```
#4881fb
```
#4881fb rgb(72,129,251)
```
#5c8efb
```
#5c8efb rgb(92,142,251)
```
#6f9bfc
```
#6f9bfc rgb(111,155,252)
```
#82a8fc
```
#82a8fc rgb(130,168,252)
```
#95b6fd
```
#95b6fd rgb(149,182,253)
```
#a8c3fd
```
#a8c3fd rgb(168,195,253)
```
#bbd0fd
```
#bbd0fd rgb(187,208,253)
```
#cfdefe
```
#cfdefe rgb(207,222,254)
```
#e2ebfe
```
#e2ebfe rgb(226,235,254)
```
#f5f8ff
```
#f5f8ff rgb(245,248,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 #2266fa is the most saturated one.

#8a8d92
```
#8a8d92 rgb(138,141,146)
```
#82899a
```
#82899a rgb(130,137,154)
```
#7986a3
```
#7986a3 rgb(121,134,163)
```
#7083ac
```
#7083ac rgb(112,131,172)
```
#6880b4
```
#6880b4 rgb(104,128,180)
```
#5f7dbd
```
#5f7dbd rgb(95,125,189)
```
#5679c6
```
#5679c6 rgb(86,121,198)
```
#4d76cf
```
#4d76cf rgb(77,118,207)
```
#4573d7
```
#4573d7 rgb(69,115,215)
```
#3c70e0
```
#3c70e0 rgb(60,112,224)
```
#336ce9
```
#336ce9 rgb(51,108,233)
```
#2b69f1
```
#2b69f1 rgb(43,105,241)
```
#2266fa
```
#2266fa rgb(34,102,250)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#566481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#0c6fed Protanomaly 1% of men, 0.01% of women
#0c74da Deuteranomaly 6% of men, 0.4% of women
#0c79b4 Tritanomaly 0.01% of the population

#2266fa hex color

#2266fa Color Information

#2266fa Color Conversion

Color Schemes with #2266fa

Alternatives to #2266fa

#2266fa Preview

Shades and Tints of #2266fa

Tones of #2266fa

Color Blindness Simulator