colorhexa.com

#4504b8 hex color

In a RGB color space, hex #4504b8 is composed of 27.1% red, 1.6% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 97.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 261.7 degrees, a saturation of 95.7% and a lightness of 36.9%. #4504b8 color hex could be obtained by blending #8a08ff with #000071. Closest websafe color is: #3300cc.

- R 27
- G 2
- B 72
RGB color chart
- C 63
- M 98
- Y 0
- K 28
CMYK color chart

● #4504b8 color description : Strong violet.

The hexadecimal color #4504b8 has RGB values of R:69, G:4, B:184 and CMYK values of C:0.63, M:0.98, Y:0, K:0.28. Its decimal value is 4523192.

Hex triplet	4504b8	`#4504b8`
RGB Decimal	69, 4, 184	`rgb(69,4,184)`
RGB Percent	27.1, 1.6, 72.2	`rgb(27.1%,1.6%,72.2%)`
CMYK	63, 98, 0, 28
HSL	261.7°, 95.7, 36.9	`hsl(261.7,95.7%,36.9%)`
HSV (or HSB)	261.7°, 97.8, 72.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.193, 62.881, -76.981
XYZ	11.148, 4.812, 45.686
xyY	0.181, 0.078, 4.812
CIE-LCH	26.193, 99.399, 309.243
CIE-LUV	26.193, 1.528, -92.557
Hunter-Lab	21.937, 52.319, -108.121
Binary	01000101, 00000100, 10111000

#4504b8
```
#4504b8 rgb(69,4,184)
```
#77b804
```
#77b804 rgb(119,184,4)
```

Complementary Color

#041db8
```
#041db8 rgb(4,29,184)
```
#4504b8
```
#4504b8 rgb(69,4,184)
```
#9f04b8
```
#9f04b8 rgb(159,4,184)
```

Analogous Color

#1db804
```
#1db804 rgb(29,184,4)
```
#4504b8
```
#4504b8 rgb(69,4,184)
```
#b89f04
```
#b89f04 rgb(184,159,4)
```

Split Complementary Color

#29026d
```
#29026d rgb(41,2,109)
```
#320386
```
#320386 rgb(50,3,134)
```
#3c039f
```
#3c039f rgb(60,3,159)
```
#4504b8
```
#4504b8 rgb(69,4,184)
```
#4e05d1
```
#4e05d1 rgb(78,5,209)
```
#5805ea
```
#5805ea rgb(88,5,234)
```
#640ffa
```
#640ffa rgb(100,15,250)
```

Monochromatic Color

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

#1804b8
```
#1804b8 rgb(24,4,184)
```
#2704b8
```
#2704b8 rgb(39,4,184)
```
#3604b8
```
#3604b8 rgb(54,4,184)
```
#4504b8
```
#4504b8 rgb(69,4,184)
```
#5404b8
```
#5404b8 rgb(84,4,184)
```
#6304b8
```
#6304b8 rgb(99,4,184)
```
#7204b8
```
#7204b8 rgb(114,4,184)
```

Similar Colors

Text with hexadecimal color #4504b8

This text has a font color of #4504b8.

<span style="color:#4504b8;">Text here</span>

#4504b8 background color

This paragraph has a background color of #4504b8.

<p style="background-color:#4504b8;">Content here</p>

#4504b8 border color

This element has a border color of #4504b8.

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

CSS codes

.text {color:#4504b8;}

.background {background-color:#4504b8;}

.border {border:1px solid #4504b8;}

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, #04000b is the darkest color, while #faf7ff is the lightest one.

#04000b
```
#04000b rgb(4,0,11)
```
#0b011e
```
#0b011e rgb(11,1,30)
```
#130132
```
#130132 rgb(19,1,50)
```
#1a0145
```
#1a0145 rgb(26,1,69)
```
#210258
```
#210258 rgb(33,2,88)
```
#28026b
```
#28026b rgb(40,2,107)
```
#2f037e
```
#2f037e rgb(47,3,126)
```
#370392
```
#370392 rgb(55,3,146)
```
#3e04a5
```
#3e04a5 rgb(62,4,165)
```
#4504b8
```
#4504b8 rgb(69,4,184)
```
#4c04cb
```
#4c04cb rgb(76,4,203)
```
#5305de
```
#5305de rgb(83,5,222)
```
#5b05f2
```
#5b05f2 rgb(91,5,242)
```

Shade Color Variation

#6511fa
```
#6511fa rgb(101,17,250)
```
#7124fa
```
#7124fa rgb(113,36,250)
```
#7e37fb
```
#7e37fb rgb(126,55,251)
```
#8a4afb
```
#8a4afb rgb(138,74,251)
```
#975dfb
```
#975dfb rgb(151,93,251)
```
#a371fc
```
#a371fc rgb(163,113,252)
```
#af84fc
```
#af84fc rgb(175,132,252)
```
#bc97fd
```
#bc97fd rgb(188,151,253)
```
#c8aafd
```
#c8aafd rgb(200,170,253)
```
#d5bdfe
```
#d5bdfe rgb(213,189,254)
```
#e1d1fe
```
#e1d1fe rgb(225,209,254)
```
#ede4fe
```
#ede4fe rgb(237,228,254)
```
#faf7ff
```
#faf7ff rgb(250,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5b61 is the less saturated color, while #4504b8 is the most saturated one.

#5d5b61
```
#5d5b61 rgb(93,91,97)
```
#5b5468
```
#5b5468 rgb(91,84,104)
```
#594c70
```
#594c70 rgb(89,76,112)
```
#574577
```
#574577 rgb(87,69,119)
```
#553e7e
```
#553e7e rgb(85,62,126)
```
#533785
```
#533785 rgb(83,55,133)
```
#512f8d
```
#512f8d rgb(81,47,141)
```
#4f2894
```
#4f2894 rgb(79,40,148)
```
#4d219b
```
#4d219b rgb(77,33,155)
```
#4b1aa2
```
#4b1aa2 rgb(75,26,162)
```
#4912aa
```
#4912aa rgb(73,18,170)
```
#470bb1
```
#470bb1 rgb(71,11,177)
```
#4504b8
```
#4504b8 rgb(69,4,184)
```

Tone Color Variation

Below, you can see how #4504b8 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

#2c2c2c Achromatopsia 0.005% of the population
#312448 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004687 Protanopia 1% of men
#004a75 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#192e99 Protanomaly 1% of men, 0.01% of women
#19308d Deuteranomaly 6% of men, 0.4% of women
#193378 Tritanomaly 0.01% of the population