colorhexa.com

#4534f8 hex color

In a RGB color space, hex #4534f8 is composed of 27.1% red, 20.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 79% magenta, 0% yellow and 2.7% black. It has a hue angle of 245.2 degrees, a saturation of 93.3% and a lightness of 58.8%. #4534f8 color hex could be obtained by blending #8a68ff with #0000f1. Closest websafe color is: #3333ff.

- R 27
- G 20
- B 97
RGB color chart
- C 72
- M 79
- Y 0
- K 3
CMYK color chart

● #4534f8 color description : Bright blue.

The hexadecimal color #4534f8 has RGB values of R:69, G:52, B:248 and CMYK values of C:0.72, M:0.79, Y:0, K:0.03. Its decimal value is 4535544.

Hex triplet	4534f8	`#4534f8`
RGB Decimal	69, 52, 248	`rgb(69,52,248)`
RGB Percent	27.1, 20.4, 97.3	`rgb(27.1%,20.4%,97.3%)`
CMYK	72, 79, 0, 3
HSL	245.2°, 93.3, 58.8	`hsl(245.2,93.3%,58.8%)`
HSV (or HSB)	245.2°, 79, 97.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.721, 64.583, -93.171
XYZ	20.622, 10.497, 89.741
xyY	0.171, 0.087, 10.497
CIE-LCH	38.721, 113.366, 304.728
CIE-LUV	38.721, -6.759, -129.429
Hunter-Lab	32.4, 56.915, -141.543
Binary	01000101, 00110100, 11111000

#4534f8
```
#4534f8 rgb(69,52,248)
```
#e7f834
```
#e7f834 rgb(231,248,52)
```

Complementary Color

#3485f8
```
#3485f8 rgb(52,133,248)
```
#4534f8
```
#4534f8 rgb(69,52,248)
```
#a734f8
```
#a734f8 rgb(167,52,248)
```

Analogous Color

#85f834
```
#85f834 rgb(133,248,52)
```
#4534f8
```
#4534f8 rgb(69,52,248)
```
#f8a734
```
#f8a734 rgb(248,167,52)
```

Split Complementary Color

#34f845
```
#34f845 rgb(52,248,69)
```
#4534f8
```
#4534f8 rgb(69,52,248)
```
#f84534
```
#f84534 rgb(248,69,52)
```

Triadic Color

#34e7f8
```
#34e7f8 rgb(52,231,248)
```
#4534f8
```
#4534f8 rgb(69,52,248)
```
#f84534
```
#f84534 rgb(248,69,52)
```
#e7f834
```
#e7f834 rgb(231,248,52)
```

Tetradic Color

#1a07d8
```
#1a07d8 rgb(26,7,216)
```
#1c08f1
```
#1c08f1 rgb(28,8,241)
```
#2e1bf7
```
#2e1bf7 rgb(46,27,247)
```
#4534f8
```
#4534f8 rgb(69,52,248)
```
#5c4df9
```
#5c4df9 rgb(92,77,249)
```
#7265fa
```
#7265fa rgb(114,101,250)
```
#897efb
```
#897efb rgb(137,126,251)
```

Monochromatic Color

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

#3454f8
```
#3454f8 rgb(52,84,248)
```
#3444f8
```
#3444f8 rgb(52,68,248)
```
#3534f8
```
#3534f8 rgb(53,52,248)
```
#4534f8
```
#4534f8 rgb(69,52,248)
```
#5534f8
```
#5534f8 rgb(85,52,248)
```
#6634f8
```
#6634f8 rgb(102,52,248)
```
#7634f8
```
#7634f8 rgb(118,52,248)
```

Similar Colors

Text with hexadecimal color #4534f8

This text has a font color of #4534f8.

<span style="color:#4534f8;">Text here</span>

#4534f8 background color

This paragraph has a background color of #4534f8.

<p style="background-color:#4534f8;">Content here</p>

#4534f8 border color

This element has a border color of #4534f8.

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

CSS codes

.text {color:#4534f8;}

.background {background-color:#4534f8;}

.border {border:1px solid #4534f8;}

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

#010006
```
#010006 rgb(1,0,6)
```
#030119
```
#030119 rgb(3,1,25)
```
#05022c
```
#05022c rgb(5,2,44)
```
#07023e
```
#07023e rgb(7,2,62)
```
#0a0351
```
#0a0351 rgb(10,3,81)
```
#0c0364
```
#0c0364 rgb(12,3,100)
```
#0e0477
```
#0e0477 rgb(14,4,119)
```
#10058a
```
#10058a rgb(16,5,138)
```
#13059d
```
#13059d rgb(19,5,157)
```
#1506b0
```
#1506b0 rgb(21,6,176)
```
#1707c3
```
#1707c3 rgb(23,7,195)
```
#1907d6
```
#1907d6 rgb(25,7,214)
```
#1c08e9
```
#1c08e9 rgb(28,8,233)
```

Shade Color Variation

#220ef7
```
#220ef7 rgb(34,14,247)
```
#3421f7
```
#3421f7 rgb(52,33,247)
```
#4534f8
```
#4534f8 rgb(69,52,248)
```
#5647f9
```
#5647f9 rgb(86,71,249)
```
#685af9
```
#685af9 rgb(104,90,249)
```
#796dfa
```
#796dfa rgb(121,109,250)
```
#8a80fb
```
#8a80fb rgb(138,128,251)
```
#9c93fb
```
#9c93fb rgb(156,147,251)
```
#ada6fc
```
#ada6fc rgb(173,166,252)
```
#bfb9fd
```
#bfb9fd rgb(191,185,253)
```
#d0ccfd
```
#d0ccfd rgb(208,204,253)
```
#e1dffe
```
#e1dffe rgb(225,223,254)
```
#f3f2ff
```
#f3f2ff rgb(243,242,255)
```

Tint Color Variation

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

#959597
```
#959597 rgb(149,149,151)
```
#8e8d9f
```
#8e8d9f rgb(142,141,159)
```
#8885a7
```
#8885a7 rgb(136,133,167)
```
#817daf
```
#817daf rgb(129,125,175)
```
#7a75b7
```
#7a75b7 rgb(122,117,183)
```
#746dbf
```
#746dbf rgb(116,109,191)
```
#6d64c8
```
#6d64c8 rgb(109,100,200)
```
#665cd0
```
#665cd0 rgb(102,92,208)
```
#6054d8
```
#6054d8 rgb(96,84,216)
```
#594ce0
```
#594ce0 rgb(89,76,224)
```
#5244e8
```
#5244e8 rgb(82,68,232)
```
#4c3cf0
```
#4c3cf0 rgb(76,60,240)
```
#4534f8
```
#4534f8 rgb(69,52,248)
```

Tone Color Variation

Below, you can see how #4534f8 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

#4f4f4f Achromatopsia 0.005% of the population
#4d4a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1950d1 Protanomaly 1% of men, 0.01% of women
#1954c1 Deuteranomaly 6% of men, 0.4% of women
#1958a3 Tritanomaly 0.01% of the population