#2267fa hex color

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

● #2267fa color description : Vivid blue.

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

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

CIE-LAB	48.185, 33.836, -78.76
XYZ	22.762, 16.941, 92.507
xyY	0.172, 0.128, 16.941
CIE-LCH	48.185, 85.72, 293.249
CIE-LUV	48.185, -21.056, -121.098
Hunter-Lab	41.159, 26.684, -104.446
Binary	00100010, 01100111, 11111010

#2267fa
```
#2267fa rgb(34,103,250)
```
#fab522
```
#fab522 rgb(250,181,34)
```

Complementary Color

#22d3fa
```
#22d3fa rgb(34,211,250)
```
#2267fa
```
#2267fa rgb(34,103,250)
```
#4922fa
```
#4922fa rgb(73,34,250)
```

Analogous Color

#d3fa22
```
#d3fa22 rgb(211,250,34)
```
#2267fa
```
#2267fa rgb(34,103,250)
```
#fa4922
```
#fa4922 rgb(250,73,34)
```

Split Complementary Color

#67fa22
```
#67fa22 rgb(103,250,34)
```
#2267fa
```
#2267fa rgb(34,103,250)
```
#fa2267
```
#fa2267 rgb(250,34,103)
```

Triadic Color

#22fab5
```
#22fab5 rgb(34,250,181)
```
#2267fa
```
#2267fa rgb(34,103,250)
```
#fa2267
```
#fa2267 rgb(250,34,103)
```
#fab522
```
#fab522 rgb(250,181,34)
```

Tetradic Color

#0544cb
```
#0544cb rgb(5,68,203)
```
#054ce4
```
#054ce4 rgb(5,76,228)
```
#0956f9
```
#0956f9 rgb(9,86,249)
```
#2267fa
```
#2267fa rgb(34,103,250)
```
#3b78fb
```
#3b78fb rgb(59,120,251)
```
#5489fb
```
#5489fb rgb(84,137,251)
```
#6d9afc
```
#6d9afc rgb(109,154,252)
```

Monochromatic Color

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

#229dfa
```
#229dfa rgb(34,157,250)
```
#228bfa
```
#228bfa rgb(34,139,250)
```
#2279fa
```
#2279fa rgb(34,121,250)
```
#2267fa
```
#2267fa rgb(34,103,250)
```
#2255fa
```
#2255fa rgb(34,85,250)
```
#2243fa
```
#2243fa rgb(34,67,250)
```
#2231fa
```
#2231fa rgb(34,49,250)
```

Similar Colors

Text with hexadecimal color #2267fa

This text has a font color of #2267fa.

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

#2267fa background color

This paragraph has a background color of #2267fa.

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

#2267fa border color

This element has a border color of #2267fa.

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

CSS codes

.text {color:#2267fa;}

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

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

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)
```
#021d56
```
#021d56 rgb(2,29,86)
```
#022369
```
#022369 rgb(2,35,105)
```
#032a7c
```
#032a7c rgb(3,42,124)
```
#03308f
```
#03308f rgb(3,48,143)
```
#0436a3
```
#0436a3 rgb(4,54,163)
```
#043db6
```
#043db6 rgb(4,61,182)
```
#0543c9
```
#0543c9 rgb(5,67,201)
```
#054adc
```
#054adc rgb(5,74,220)
```
#0550ef
```
#0550ef rgb(5,80,239)
```

Shade Color Variation

#0f5afa
```
#0f5afa rgb(15,90,250)
```
#2267fa
```
#2267fa rgb(34,103,250)
```
#3574fa
```
#3574fa rgb(53,116,250)
```
#4881fb
```
#4881fb rgb(72,129,251)
```
#5c8ffb
```
#5c8ffb rgb(92,143,251)
```
#6f9cfc
```
#6f9cfc rgb(111,156,252)
```
#82a9fc
```
#82a9fc rgb(130,169,252)
```
#95b6fd
```
#95b6fd rgb(149,182,253)
```
#a8c3fd
```
#a8c3fd rgb(168,195,253)
```
#bbd1fd
```
#bbd1fd rgb(187,209,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 #2267fa is the most saturated one.

#8a8d92
```
#8a8d92 rgb(138,141,146)
```
#828a9a
```
#828a9a rgb(130,138,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)
```
#567ac6
```
#567ac6 rgb(86,122,198)
```
#4d77cf
```
#4d77cf rgb(77,119,207)
```
#4574d7
```
#4574d7 rgb(69,116,215)
```
#3c70e0
```
#3c70e0 rgb(60,112,224)
```
#336de9
```
#336de9 rgb(51,109,233)
```
#2b6af1
```
#2b6af1 rgb(43,106,241)
```
#2267fa
```
#2267fa rgb(34,103,250)
```

Tone Color Variation

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

#0076e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

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

#2267fa hex color

#2267fa Color Information

#2267fa Color Conversion

Color Schemes with #2267fa

Alternatives to #2267fa

#2267fa Preview

Shades and Tints of #2267fa

Tones of #2267fa

Color Blindness Simulator