#4226f2 hex color

In a RGB color space, hex #4226f2 is composed of 25.9% red, 14.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 84.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 248.2 degrees, a saturation of 88.7% and a lightness of 54.9%. #4226f2 color hex could be obtained by blending #844cff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 26
- G 15
- B 95
RGB color chart
- C 73
- M 84
- Y 0
- K 5
CMYK color chart

● #4226f2 color description : Bright blue.

The hexadecimal color #4226f2 has RGB values of R:66, G:38, B:242 and CMYK values of C:0.73, M:0.84, Y:0, K:0.05. Its decimal value is 4335346.

Hex triplet	4226f2	`#4226f2`
RGB Decimal	66, 38, 242	`rgb(66,38,242)`
RGB Percent	25.9, 14.9, 94.9	`rgb(25.9%,14.9%,94.9%)`
CMYK	73, 84, 0, 5
HSL	248.2°, 88.7, 54.9	`hsl(248.2,88.7%,54.9%)`
HSV (or HSB)	248.2°, 84.3, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.896, 68.478, -94.483
XYZ	18.964, 8.954, 84.728
xyY	0.168, 0.079, 8.954
CIE-LCH	35.896, 116.688, 305.933
CIE-LUV	35.896, -5.448, -126.255
Hunter-Lab	29.924, 60.756, -146.933
Binary	01000010, 00100110, 11110010

#4226f2
```
#4226f2 rgb(66,38,242)
```
#d6f226
```
#d6f226 rgb(214,242,38)
```

Complementary Color

#2670f2
```
#2670f2 rgb(38,112,242)
```
#4226f2
```
#4226f2 rgb(66,38,242)
```
#a826f2
```
#a826f2 rgb(168,38,242)
```

Analogous Color

#70f226
```
#70f226 rgb(112,242,38)
```
#4226f2
```
#4226f2 rgb(66,38,242)
```
#f2a826
```
#f2a826 rgb(242,168,38)
```

Split Complementary Color

#26f242
```
#26f242 rgb(38,242,66)
```
#4226f2
```
#4226f2 rgb(66,38,242)
```
#f24226
```
#f24226 rgb(242,66,38)
```

Triadic Color

#26d6f2
```
#26d6f2 rgb(38,214,242)
```
#4226f2
```
#4226f2 rgb(66,38,242)
```
#f24226
```
#f24226 rgb(242,66,38)
```
#d6f226
```
#d6f226 rgb(214,242,38)
```

Tetradic Color

#240cc0
```
#240cc0 rgb(36,12,192)
```
#290dd8
```
#290dd8 rgb(41,13,216)
```
#2d0ef0
```
#2d0ef0 rgb(45,14,240)
```
#4226f2
```
#4226f2 rgb(66,38,242)
```
#573ef3
```
#573ef3 rgb(87,62,243)
```
#6c56f5
```
#6c56f5 rgb(108,86,245)
```
#816ef6
```
#816ef6 rgb(129,110,246)
```

Monochromatic Color

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

#263df2
```
#263df2 rgb(38,61,242)
```
#262cf2
```
#262cf2 rgb(38,44,242)
```
#3126f2
```
#3126f2 rgb(49,38,242)
```
#4226f2
```
#4226f2 rgb(66,38,242)
```
#5326f2
```
#5326f2 rgb(83,38,242)
```
#6426f2
```
#6426f2 rgb(100,38,242)
```
#7526f2
```
#7526f2 rgb(117,38,242)
```

Similar Colors

Text with hexadecimal color #4226f2

This text has a font color of #4226f2.

<span style="color:#4226f2;">Text here</span>

#4226f2 background color

This paragraph has a background color of #4226f2.

<p style="background-color:#4226f2;">Content here</p>

#4226f2 border color

This element has a border color of #4226f2.

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

CSS codes

.text {color:#4226f2;}

.background {background-color:#4226f2;}

.border {border:1px solid #4226f2;}

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

#010005
```
#010005 rgb(1,0,5)
```
#040118
```
#040118 rgb(4,1,24)
```
#08032a
```
#08032a rgb(8,3,42)
```
#0b043d
```
#0b043d rgb(11,4,61)
```
#0f054f
```
#0f054f rgb(15,5,79)
```
#120662
```
#120662 rgb(18,6,98)
```
#160774
```
#160774 rgb(22,7,116)
```
#190887
```
#190887 rgb(25,8,135)
```
#1d0999
```
#1d0999 rgb(29,9,153)
```
#200aac
```
#200aac rgb(32,10,172)
```
#240bbe
```
#240bbe rgb(36,11,190)
```
#270dd1
```
#270dd1 rgb(39,13,209)
```
#2b0ee3
```
#2b0ee3 rgb(43,14,227)
```

Shade Color Variation

#3213f1
```
#3213f1 rgb(50,19,241)
```
#4226f2
```
#4226f2 rgb(66,38,242)
```
#5239f3
```
#5239f3 rgb(82,57,243)
```
#624bf4
```
#624bf4 rgb(98,75,244)
```
#725ef5
```
#725ef5 rgb(114,94,245)
```
#8270f6
```
#8270f6 rgb(130,112,246)
```
#9383f8
```
#9383f8 rgb(147,131,248)
```
#a395f9
```
#a395f9 rgb(163,149,249)
```
#b3a8fa
```
#b3a8fa rgb(179,168,250)
```
#c3bafb
```
#c3bafb rgb(195,186,251)
```
#d3cdfc
```
#d3cdfc rgb(211,205,252)
```
#e3dffd
```
#e3dffd rgb(227,223,253)
```
#f3f2fe
```
#f3f2fe rgb(243,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898791 is the less saturated color, while #3c1dfb is the most saturated one.

#898791
```
#898791 rgb(137,135,145)
```
#827e9a
```
#827e9a rgb(130,126,154)
```
#7c76a2
```
#7c76a2 rgb(124,118,162)
```
#756dab
```
#756dab rgb(117,109,171)
```
#6f64b4
```
#6f64b4 rgb(111,100,180)
```
#695bbd
```
#695bbd rgb(105,91,189)
```
#6252c6
```
#6252c6 rgb(98,82,198)
```
#5c49cf
```
#5c49cf rgb(92,73,207)
```
#5541d7
```
#5541d7 rgb(85,65,215)
```
#4f38e0
```
#4f38e0 rgb(79,56,224)
```
#482fe9
```
#482fe9 rgb(72,47,233)
```
#4226f2
```
#4226f2 rgb(66,38,242)
```
#3c1dfb
```
#3c1dfb rgb(60,29,251)
```

Tone Color Variation

Below, you can see how #4226f2 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

#464646 Achromatopsia 0.005% of the population
#454068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1847c7 Protanomaly 1% of men, 0.01% of women
#184ab8 Deuteranomaly 6% of men, 0.4% of women
#184f9c Tritanomaly 0.01% of the population

#4226f2 hex color

#4226f2 Color Information

#4226f2 Color Conversion

Color Schemes with #4226f2

Alternatives to #4226f2

#4226f2 Preview

Shades and Tints of #4226f2

Tones of #4226f2

Color Blindness Simulator