#4523f2 hex color

In a RGB color space, hex #4523f2 is composed of 27.1% red, 13.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 85.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 249.9 degrees, a saturation of 88.8% and a lightness of 54.3%. #4523f2 color hex could be obtained by blending #8a46ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 14
- B 95
RGB color chart
- C 71
- M 86
- Y 0
- K 5
CMYK color chart

● #4523f2 color description : Vivid blue.

The hexadecimal color #4523f2 has RGB values of R:69, G:35, B:242 and CMYK values of C:0.71, M:0.86, Y:0, K:0.05. Its decimal value is 4531186.

Hex triplet	4523f2	`#4523f2`
RGB Decimal	69, 35, 242	`rgb(69,35,242)`
RGB Percent	27.1, 13.7, 94.9	`rgb(27.1%,13.7%,94.9%)`
CMYK	71, 86, 0, 5
HSL	249.9°, 88.8, 54.3	`hsl(249.9,88.8%,54.3%)`
HSV (or HSB)	249.9°, 85.5, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.747, 69.714, -94.725
XYZ	19.079, 8.877, 84.708
xyY	0.169, 0.079, 8.877
CIE-LCH	35.747, 117.613, 306.352
CIE-LUV	35.747, -4.662, -126.273
Hunter-Lab	29.794, 62.164, -147.709
Binary	01000101, 00100011, 11110010

#4523f2
```
#4523f2 rgb(69,35,242)
```
#d0f223
```
#d0f223 rgb(208,242,35)
```

Complementary Color

#2369f2
```
#2369f2 rgb(35,105,242)
```
#4523f2
```
#4523f2 rgb(69,35,242)
```
#ad23f2
```
#ad23f2 rgb(173,35,242)
```

Analogous Color

#69f223
```
#69f223 rgb(105,242,35)
```
#4523f2
```
#4523f2 rgb(69,35,242)
```
#f2ad23
```
#f2ad23 rgb(242,173,35)
```

Split Complementary Color

#23f245
```
#23f245 rgb(35,242,69)
```
#4523f2
```
#4523f2 rgb(69,35,242)
```
#f24523
```
#f24523 rgb(242,69,35)
```

Triadic Color

#23d0f2
```
#23d0f2 rgb(35,208,242)
```
#4523f2
```
#4523f2 rgb(69,35,242)
```
#f24523
```
#f24523 rgb(242,69,35)
```
#d0f223
```
#d0f223 rgb(208,242,35)
```

Tetradic Color

#280bbd
```
#280bbd rgb(40,11,189)
```
#2e0dd5
```
#2e0dd5 rgb(46,13,213)
```
#330eed
```
#330eed rgb(51,14,237)
```
#4523f2
```
#4523f2 rgb(69,35,242)
```
#593bf3
```
#593bf3 rgb(89,59,243)
```
#6e53f5
```
#6e53f5 rgb(110,83,245)
```
#826bf6
```
#826bf6 rgb(130,107,246)
```

Monochromatic Color

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

#2335f2
```
#2335f2 rgb(35,53,242)
```
#2324f2
```
#2324f2 rgb(35,36,242)
```
#3423f2
```
#3423f2 rgb(52,35,242)
```
#4523f2
```
#4523f2 rgb(69,35,242)
```
#5623f2
```
#5623f2 rgb(86,35,242)
```
#6823f2
```
#6823f2 rgb(104,35,242)
```
#7923f2
```
#7923f2 rgb(121,35,242)
```

Similar Colors

Text with hexadecimal color #4523f2

This text has a font color of #4523f2.

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

#4523f2 background color

This paragraph has a background color of #4523f2.

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

#4523f2 border color

This element has a border color of #4523f2.

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

CSS codes

.text {color:#4523f2;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040115
```
#040115 rgb(4,1,21)
```
#080227
```
#080227 rgb(8,2,39)
```
#0c033a
```
#0c033a rgb(12,3,58)
```
#10054c
```
#10054c rgb(16,5,76)
```
#14065f
```
#14065f rgb(20,6,95)
```
#180771
```
#180771 rgb(24,7,113)
```
#1c0884
```
#1c0884 rgb(28,8,132)
```
#200996
```
#200996 rgb(32,9,150)
```
#240aa9
```
#240aa9 rgb(36,10,169)
```
#280bbb
```
#280bbb rgb(40,11,187)
```
#2c0cce
```
#2c0cce rgb(44,12,206)
```
#300de1
```
#300de1 rgb(48,13,225)
```

Shade Color Variation

#3510f1
```
#3510f1 rgb(53,16,241)
```
#4523f2
```
#4523f2 rgb(69,35,242)
```
#5536f3
```
#5536f3 rgb(85,54,243)
```
#6448f4
```
#6448f4 rgb(100,72,244)
```
#745bf5
```
#745bf5 rgb(116,91,245)
```
#846df6
```
#846df6 rgb(132,109,246)
```
#9380f7
```
#9380f7 rgb(147,128,247)
```
#a392f9
```
#a392f9 rgb(163,146,249)
```
#b3a5fa
```
#b3a5fa rgb(179,165,250)
```
#c2b7fb
```
#c2b7fb rgb(194,183,251)
```
#d2cafc
```
#d2cafc rgb(210,202,252)
```
#e2dcfd
```
#e2dcfd rgb(226,220,253)
```
#f1effe
```
#f1effe rgb(241,239,254)
```

Tint Color Variation

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

#87868f
```
#87868f rgb(135,134,143)
```
#817d98
```
#817d98 rgb(129,125,152)
```
#7b74a1
```
#7b74a1 rgb(123,116,161)
```
#756baa
```
#756baa rgb(117,107,170)
```
#6f62b3
```
#6f62b3 rgb(111,98,179)
```
#6959bc
```
#6959bc rgb(105,89,188)
```
#6350c5
```
#6350c5 rgb(99,80,197)
```
#5d47ce
```
#5d47ce rgb(93,71,206)
```
#573ed7
```
#573ed7 rgb(87,62,215)
```
#5135e0
```
#5135e0 rgb(81,53,224)
```
#4b2ce9
```
#4b2ce9 rgb(75,44,233)
```
#4523f2
```
#4523f2 rgb(69,35,242)
```
#3f1afb
```
#3f1afb rgb(63,26,251)
```

Tone Color Variation

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

#1946c7 Protanomaly 1% of men, 0.01% of women
#1949b8 Deuteranomaly 6% of men, 0.4% of women
#194d9c Tritanomaly 0.01% of the population

#4523f2 hex color

#4523f2 Color Information

#4523f2 Color Conversion

Color Schemes with #4523f2

Alternatives to #4523f2

#4523f2 Preview

Shades and Tints of #4523f2

Tones of #4523f2

Color Blindness Simulator