#4225f2 hex color

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

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

● #4225f2 color description : Bright blue.

The hexadecimal color #4225f2 has RGB values of R:66, G:37, B:242 and CMYK values of C:0.73, M:0.85, Y:0, K:0.05. Its decimal value is 4335090.

Hex triplet	4225f2	`#4225f2`
RGB Decimal	66, 37, 242	`rgb(66,37,242)`
RGB Percent	25.9, 14.5, 94.9	`rgb(25.9%,14.5%,94.9%)`
CMYK	73, 85, 0, 5
HSL	248.5°, 88.7, 54.7	`hsl(248.5,88.7%,54.7%)`
HSV (or HSB)	248.5°, 84.7, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.774, 68.842, -94.686
XYZ	18.932, 8.891, 84.718
xyY	0.168, 0.079, 8.891
CIE-LCH	35.774, 117.067, 306.02
CIE-LUV	35.774, -5.359, -126.246
Hunter-Lab	29.818, 61.153, -147.58
Binary	01000010, 00100101, 11110010

#4225f2
```
#4225f2 rgb(66,37,242)
```
#d5f225
```
#d5f225 rgb(213,242,37)
```

Complementary Color

#256ff2
```
#256ff2 rgb(37,111,242)
```
#4225f2
```
#4225f2 rgb(66,37,242)
```
#a925f2
```
#a925f2 rgb(169,37,242)
```

Analogous Color

#6ff225
```
#6ff225 rgb(111,242,37)
```
#4225f2
```
#4225f2 rgb(66,37,242)
```
#f2a925
```
#f2a925 rgb(242,169,37)
```

Split Complementary Color

#25f242
```
#25f242 rgb(37,242,66)
```
#4225f2
```
#4225f2 rgb(66,37,242)
```
#f24225
```
#f24225 rgb(242,66,37)
```

Triadic Color

#25d5f2
```
#25d5f2 rgb(37,213,242)
```
#4225f2
```
#4225f2 rgb(66,37,242)
```
#f24225
```
#f24225 rgb(242,66,37)
```
#d5f225
```
#d5f225 rgb(213,242,37)
```

Tetradic Color

#250bbf
```
#250bbf rgb(37,11,191)
```
#290dd7
```
#290dd7 rgb(41,13,215)
```
#2e0eef
```
#2e0eef rgb(46,14,239)
```
#4225f2
```
#4225f2 rgb(66,37,242)
```
#573df3
```
#573df3 rgb(87,61,243)
```
#6c55f5
```
#6c55f5 rgb(108,85,245)
```
#816df6
```
#816df6 rgb(129,109,246)
```

Monochromatic Color

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

#253bf2
```
#253bf2 rgb(37,59,242)
```
#252af2
```
#252af2 rgb(37,42,242)
```
#3125f2
```
#3125f2 rgb(49,37,242)
```
#4225f2
```
#4225f2 rgb(66,37,242)
```
#5325f2
```
#5325f2 rgb(83,37,242)
```
#6425f2
```
#6425f2 rgb(100,37,242)
```
#7525f2
```
#7525f2 rgb(117,37,242)
```

Similar Colors

Text with hexadecimal color #4225f2

This text has a font color of #4225f2.

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

#4225f2 background color

This paragraph has a background color of #4225f2.

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

#4225f2 border color

This element has a border color of #4225f2.

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

CSS codes

.text {color:#4225f2;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#040117
```
#040117 rgb(4,1,23)
```
#080229
```
#080229 rgb(8,2,41)
```
#0b043c
```
#0b043c rgb(11,4,60)
```
#0f054e
```
#0f054e rgb(15,5,78)
```
#130661
```
#130661 rgb(19,6,97)
```
#160773
```
#160773 rgb(22,7,115)
```
#1a0886
```
#1a0886 rgb(26,8,134)
```
#1d0998
```
#1d0998 rgb(29,9,152)
```
#210aab
```
#210aab rgb(33,10,171)
```
#240bbd
```
#240bbd rgb(36,11,189)
```
#280cd0
```
#280cd0 rgb(40,12,208)
```
#2c0de2
```
#2c0de2 rgb(44,13,226)
```

Shade Color Variation

#3212f1
```
#3212f1 rgb(50,18,241)
```
#4225f2
```
#4225f2 rgb(66,37,242)
```
#5238f3
```
#5238f3 rgb(82,56,243)
```
#624af4
```
#624af4 rgb(98,74,244)
```
#725df5
```
#725df5 rgb(114,93,245)
```
#826ff6
```
#826ff6 rgb(130,111,246)
```
#9282f8
```
#9282f8 rgb(146,130,248)
```
#a294f9
```
#a294f9 rgb(162,148,249)
```
#b2a7fa
```
#b2a7fa rgb(178,167,250)
```
#c2b9fb
```
#c2b9fb rgb(194,185,251)
```
#d2ccfc
```
#d2ccfc rgb(210,204,252)
```
#e2defd
```
#e2defd rgb(226,222,253)
```
#f3f1fe
```
#f3f1fe rgb(243,241,254)
```

Tint Color Variation

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

#888790
```
#888790 rgb(136,135,144)
```
#827e99
```
#827e99 rgb(130,126,153)
```
#7b75a2
```
#7b75a2 rgb(123,117,162)
```
#756cab
```
#756cab rgb(117,108,171)
```
#6f63b4
```
#6f63b4 rgb(111,99,180)
```
#685abd
```
#685abd rgb(104,90,189)
```
#6251c6
```
#6251c6 rgb(98,81,198)
```
#5b49ce
```
#5b49ce rgb(91,73,206)
```
#5540d7
```
#5540d7 rgb(85,64,215)
```
#4f37e0
```
#4f37e0 rgb(79,55,224)
```
#482ee9
```
#482ee9 rgb(72,46,233)
```
#4225f2
```
#4225f2 rgb(66,37,242)
```
#3c1cfb
```
#3c1cfb rgb(60,28,251)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#443f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 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
#184e9c Tritanomaly 0.01% of the population

#4225f2 hex color

#4225f2 Color Information

#4225f2 Color Conversion

Color Schemes with #4225f2

Alternatives to #4225f2

#4225f2 Preview

Shades and Tints of #4225f2

Tones of #4225f2

Color Blindness Simulator