#4229f2 hex color

In a RGB color space, hex #4229f2 is composed of 25.9% red, 16.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 83.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 247.5 degrees, a saturation of 88.5% and a lightness of 55.5%. #4229f2 color hex could be obtained by blending #8452ff with #0000e5. Closest websafe color is: #3333ff.

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

● #4229f2 color description : Bright blue.

The hexadecimal color #4229f2 has RGB values of R:66, G:41, B:242 and CMYK values of C:0.73, M:0.83, Y:0, K:0.05. Its decimal value is 4336114.

Hex triplet	4229f2	`#4229f2`
RGB Decimal	66, 41, 242	`rgb(66,41,242)`
RGB Percent	25.9, 16.1, 94.9	`rgb(25.9%,16.1%,94.9%)`
CMYK	73, 83, 0, 5
HSL	247.5°, 88.5, 55.5	`hsl(247.5,88.5%,55.5%)`
HSV (or HSB)	247.5°, 83.1, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.279, 67.339, -93.847
XYZ	19.064, 9.154, 84.762
xyY	0.169, 0.081, 9.154
CIE-LCH	36.279, 115.507, 305.661
CIE-LUV	36.279, -5.731, -126.263
Hunter-Lab	30.255, 59.524, -144.925
Binary	01000010, 00101001, 11110010

#4229f2
```
#4229f2 rgb(66,41,242)
```
#d9f229
```
#d9f229 rgb(217,242,41)
```

Complementary Color

#2975f2
```
#2975f2 rgb(41,117,242)
```
#4229f2
```
#4229f2 rgb(66,41,242)
```
#a729f2
```
#a729f2 rgb(167,41,242)
```

Analogous Color

#75f229
```
#75f229 rgb(117,242,41)
```
#4229f2
```
#4229f2 rgb(66,41,242)
```
#f2a729
```
#f2a729 rgb(242,167,41)
```

Split Complementary Color

#29f242
```
#29f242 rgb(41,242,66)
```
#4229f2
```
#4229f2 rgb(66,41,242)
```
#f24229
```
#f24229 rgb(242,66,41)
```

Triadic Color

#29d9f2
```
#29d9f2 rgb(41,217,242)
```
#4229f2
```
#4229f2 rgb(66,41,242)
```
#f24229
```
#f24229 rgb(242,66,41)
```
#d9f229
```
#d9f229 rgb(217,242,41)
```

Tetradic Color

#230cc3
```
#230cc3 rgb(35,12,195)
```
#270ddb
```
#270ddb rgb(39,13,219)
```
#2d11f1
```
#2d11f1 rgb(45,17,241)
```
#4229f2
```
#4229f2 rgb(66,41,242)
```
#5741f3
```
#5741f3 rgb(87,65,243)
```
#6c59f5
```
#6c59f5 rgb(108,89,245)
```
#8271f6
```
#8271f6 rgb(130,113,246)
```

Monochromatic Color

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

#2942f2
```
#2942f2 rgb(41,66,242)
```
#2932f2
```
#2932f2 rgb(41,50,242)
```
#3129f2
```
#3129f2 rgb(49,41,242)
```
#4229f2
```
#4229f2 rgb(66,41,242)
```
#5329f2
```
#5329f2 rgb(83,41,242)
```
#6429f2
```
#6429f2 rgb(100,41,242)
```
#7429f2
```
#7429f2 rgb(116,41,242)
```

Similar Colors

Text with hexadecimal color #4229f2

This text has a font color of #4229f2.

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

#4229f2 background color

This paragraph has a background color of #4229f2.

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

#4229f2 border color

This element has a border color of #4229f2.

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

CSS codes

.text {color:#4229f2;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#05021a
```
#05021a rgb(5,2,26)
```
#08032d
```
#08032d rgb(8,3,45)
```
#0b043f
```
#0b043f rgb(11,4,63)
```
#0f0552
```
#0f0552 rgb(15,5,82)
```
#120664
```
#120664 rgb(18,6,100)
```
#150777
```
#150777 rgb(21,7,119)
```
#180889
```
#180889 rgb(24,8,137)
```
#1c099c
```
#1c099c rgb(28,9,156)
```
#1f0bae
```
#1f0bae rgb(31,11,174)
```
#220cc1
```
#220cc1 rgb(34,12,193)
```
#260dd3
```
#260dd3 rgb(38,13,211)
```
#290ee6
```
#290ee6 rgb(41,14,230)
```

Shade Color Variation

#3217f1
```
#3217f1 rgb(50,23,241)
```
#4229f2
```
#4229f2 rgb(66,41,242)
```
#523bf3
```
#523bf3 rgb(82,59,243)
```
#634ef4
```
#634ef4 rgb(99,78,244)
```
#7360f5
```
#7360f5 rgb(115,96,245)
```
#8373f6
```
#8373f6 rgb(131,115,246)
```
#9485f8
```
#9485f8 rgb(148,133,248)
```
#a498f9
```
#a498f9 rgb(164,152,249)
```
#b4aafa
```
#b4aafa rgb(180,170,250)
```
#c5bdfb
```
#c5bdfb rgb(197,189,251)
```
#d5cffc
```
#d5cffc rgb(213,207,252)
```
#e5e2fd
```
#e5e2fd rgb(229,226,253)
```
#f6f4fe
```
#f6f4fe rgb(246,244,254)
```

Tint Color Variation

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

#8a8992
```
#8a8992 rgb(138,137,146)
```
#84809b
```
#84809b rgb(132,128,155)
```
#7d78a3
```
#7d78a3 rgb(125,120,163)
```
#766fac
```
#766fac rgb(118,111,172)
```
#7066b5
```
#7066b5 rgb(112,102,181)
```
#695dbe
```
#695dbe rgb(105,93,190)
```
#6355c6
```
#6355c6 rgb(99,85,198)
```
#5c4ccf
```
#5c4ccf rgb(92,76,207)
```
#5643d8
```
#5643d8 rgb(86,67,216)
```
#4f3ae1
```
#4f3ae1 rgb(79,58,225)
```
#4932e9
```
#4932e9 rgb(73,50,233)
```
#4229f2
```
#4229f2 rgb(66,41,242)
```
#3b20fb
```
#3b20fb rgb(59,32,251)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#464169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#1849c9 Protanomaly 1% of men, 0.01% of women
#184cb9 Deuteranomaly 6% of men, 0.4% of women
#18509d Tritanomaly 0.01% of the population

#4229f2 hex color

#4229f2 Color Information

#4229f2 Color Conversion

Color Schemes with #4229f2

Alternatives to #4229f2

#4229f2 Preview

Shades and Tints of #4229f2

Tones of #4229f2

Color Blindness Simulator