colorhexa.com

#450ad4 hex color

In a RGB color space, hex #450ad4 is composed of 27.1% red, 3.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 95.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 257.5 degrees, a saturation of 91% and a lightness of 43.5%. #450ad4 color hex could be obtained by blending #8a14ff with #0000a9. Closest websafe color is: #3300cc.

- R 27
- G 4
- B 83
RGB color chart
- C 67
- M 95
- Y 0
- K 17
CMYK color chart

● #450ad4 color description : Strong violet.

The hexadecimal color #450ad4 has RGB values of R:69, G:10, B:212 and CMYK values of C:0.67, M:0.95, Y:0, K:0.17. Its decimal value is 4524756.

Hex triplet	450ad4	`#450ad4`
RGB Decimal	69, 10, 212	`rgb(69,10,212)`
RGB Percent	27.1, 3.9, 83.1	`rgb(27.1%,3.9%,83.1%)`
CMYK	67, 95, 0, 17
HSL	257.5°, 91, 43.5	`hsl(257.5,91%,43.5%)`
HSV (or HSB)	257.5°, 95.3, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.998, 68.554, -87.108
XYZ	14.444, 6.235, 62.726
xyY	0.173, 0.075, 6.235
CIE-LCH	29.998, 110.849, 308.203
CIE-LUV	29.998, -1.071, -108.745
Hunter-Lab	24.97, 59.557, -131.459
Binary	01000101, 00001010, 11010100

#450ad4
```
#450ad4 rgb(69,10,212)
```
#99d40a
```
#99d40a rgb(153,212,10)
```

Complementary Color

#0a34d4
```
#0a34d4 rgb(10,52,212)
```
#450ad4
```
#450ad4 rgb(69,10,212)
```
#aa0ad4
```
#aa0ad4 rgb(170,10,212)
```

Analogous Color

#34d40a
```
#34d40a rgb(52,212,10)
```
#450ad4
```
#450ad4 rgb(69,10,212)
```
#d4aa0a
```
#d4aa0a rgb(212,170,10)
```

Split Complementary Color

#0ad445
```
#0ad445 rgb(10,212,69)
```
#450ad4
```
#450ad4 rgb(69,10,212)
```
#d4450a
```
#d4450a rgb(212,69,10)
```

Triadic Color

#0a99d4
```
#0a99d4 rgb(10,153,212)
```
#450ad4
```
#450ad4 rgb(69,10,212)
```
#d4450a
```
#d4450a rgb(212,69,10)
```
#99d40a
```
#99d40a rgb(153,212,10)
```

Tetradic Color

#2d078b
```
#2d078b rgb(45,7,139)
```
#3508a3
```
#3508a3 rgb(53,8,163)
```
#3d09bc
```
#3d09bc rgb(61,9,188)
```
#450ad4
```
#450ad4 rgb(69,10,212)
```
#4d0bec
```
#4d0bec rgb(77,11,236)
```
#5c1df4
```
#5c1df4 rgb(92,29,244)
```
#6d35f5
```
#6d35f5 rgb(109,53,245)
```

Monochromatic Color

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

#130ad4
```
#130ad4 rgb(19,10,212)
```
#230ad4
```
#230ad4 rgb(35,10,212)
```
#340ad4
```
#340ad4 rgb(52,10,212)
```
#450ad4
```
#450ad4 rgb(69,10,212)
```
#560ad4
```
#560ad4 rgb(86,10,212)
```
#670ad4
```
#670ad4 rgb(103,10,212)
```
#780ad4
```
#780ad4 rgb(120,10,212)
```

Similar Colors

Text with hexadecimal color #450ad4

This text has a font color of #450ad4.

<span style="color:#450ad4;">Text here</span>

#450ad4 background color

This paragraph has a background color of #450ad4.

<p style="background-color:#450ad4;">Content here</p>

#450ad4 border color

This element has a border color of #450ad4.

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

CSS codes

.text {color:#450ad4;}

.background {background-color:#450ad4;}

.border {border:1px solid #450ad4;}

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

#020006
```
#020006 rgb(2,0,6)
```
#080119
```
#080119 rgb(8,1,25)
```
#0e022b
```
#0e022b rgb(14,2,43)
```
#14033e
```
#14033e rgb(20,3,62)
```
#1a0451
```
#1a0451 rgb(26,4,81)
```
#200564
```
#200564 rgb(32,5,100)
```
#270676
```
#270676 rgb(39,6,118)
```
#2d0689
```
#2d0689 rgb(45,6,137)
```
#33079c
```
#33079c rgb(51,7,156)
```
#3908af
```
#3908af rgb(57,8,175)
```
#3f09c1
```
#3f09c1 rgb(63,9,193)
```
#450ad4
```
#450ad4 rgb(69,10,212)
```
#4b0be7
```
#4b0be7 rgb(75,11,231)
```

Shade Color Variation

#5411f4
```
#5411f4 rgb(84,17,244)
```
#6124f5
```
#6124f5 rgb(97,36,245)
```
#6f37f6
```
#6f37f6 rgb(111,55,246)
```
#7c4af6
```
#7c4af6 rgb(124,74,246)
```
#8a5cf7
```
#8a5cf7 rgb(138,92,247)
```
#976ff8
```
#976ff8 rgb(151,111,248)
```
#a582f9
```
#a582f9 rgb(165,130,249)
```
#b295fa
```
#b295fa rgb(178,149,250)
```
#c0a7fb
```
#c0a7fb rgb(192,167,251)
```
#cdbafc
```
#cdbafc rgb(205,186,252)
```
#dbcdfd
```
#dbcdfd rgb(219,205,253)
```
#e8dffe
```
#e8dffe rgb(232,223,254)
```
#f6f2fe
```
#f6f2fe rgb(246,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6876 is the less saturated color, while #4101dd is the most saturated one.

#6c6876
```
#6c6876 rgb(108,104,118)
```
#695f7f
```
#695f7f rgb(105,95,127)
```
#655787
```
#655787 rgb(101,87,135)
```
#614e90
```
#614e90 rgb(97,78,144)
```
#5e4698
```
#5e4698 rgb(94,70,152)
```
#5a3da1
```
#5a3da1 rgb(90,61,161)
```
#5735a9
```
#5735a9 rgb(87,53,169)
```
#532cb2
```
#532cb2 rgb(83,44,178)
```
#5024ba
```
#5024ba rgb(80,36,186)
```
#4c1bc3
```
#4c1bc3 rgb(76,27,195)
```
#4913cb
```
#4913cb rgb(73,19,203)
```
#450ad4
```
#450ad4 rgb(69,10,212)
```
#4101dd
```
#4101dd rgb(65,1,221)
```

Tone Color Variation

Below, you can see how #450ad4 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

#333333 Achromatopsia 0.005% of the population
#372b53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#1935ad Protanomaly 1% of men, 0.01% of women
#1938a0 Deuteranomaly 6% of men, 0.4% of women
#193b88 Tritanomaly 0.01% of the population