#450cd2 hex color

In a RGB color space, hex #450cd2 is composed of 27.1% red, 4.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 94.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 257.3 degrees, a saturation of 89.2% and a lightness of 43.5%. #450cd2 color hex could be obtained by blending #8a18ff with #0000a5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 27
- G 5
- B 82
RGB color chart
- C 67
- M 94
- Y 0
- K 18
CMYK color chart

● #450cd2 color description : Strong violet.

The hexadecimal color #450cd2 has RGB values of R:69, G:12, B:210 and CMYK values of C:0.67, M:0.94, Y:0, K:0.18. Its decimal value is 4525266.

Hex triplet	450cd2	`#450cd2`
RGB Decimal	69, 12, 210	`rgb(69,12,210)`
RGB Percent	27.1, 4.7, 82.4	`rgb(27.1%,4.7%,82.4%)`
CMYK	67, 94, 0, 18
HSL	257.3°, 89.2, 43.5	`hsl(257.3,89.2%,43.5%)`
HSV (or HSB)	257.3°, 94.3, 82.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.864, 67.723, -86.17
XYZ	14.216, 6.181, 61.413
xyY	0.174, 0.076, 6.181
CIE-LCH	29.864, 109.598, 308.165
CIE-LUV	29.864, -0.985, -107.652
Hunter-Lab	24.861, 58.566, -129.059
Binary	01000101, 00001100, 11010010

#450cd2
```
#450cd2 rgb(69,12,210)
```
#99d20c
```
#99d20c rgb(153,210,12)
```

Complementary Color

#0c36d2
```
#0c36d2 rgb(12,54,210)
```
#450cd2
```
#450cd2 rgb(69,12,210)
```
#a80cd2
```
#a80cd2 rgb(168,12,210)
```

Analogous Color

#36d20c
```
#36d20c rgb(54,210,12)
```
#450cd2
```
#450cd2 rgb(69,12,210)
```
#d2a80c
```
#d2a80c rgb(210,168,12)
```

Split Complementary Color

#0cd245
```
#0cd245 rgb(12,210,69)
```
#450cd2
```
#450cd2 rgb(69,12,210)
```
#d2450c
```
#d2450c rgb(210,69,12)
```

Triadic Color

#0c99d2
```
#0c99d2 rgb(12,153,210)
```
#450cd2
```
#450cd2 rgb(69,12,210)
```
#d2450c
```
#d2450c rgb(210,69,12)
```
#99d20c
```
#99d20c rgb(153,210,12)
```

Tetradic Color

#2d088a
```
#2d088a rgb(45,8,138)
```
#3509a2
```
#3509a2 rgb(53,9,162)
```
#3d0bba
```
#3d0bba rgb(61,11,186)
```
#450cd2
```
#450cd2 rgb(69,12,210)
```
#4d0dea
```
#4d0dea rgb(77,13,234)
```
#5c1ff2
```
#5c1ff2 rgb(92,31,242)
```
#6d37f4
```
#6d37f4 rgb(109,55,244)
```

Monochromatic Color

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

#130cd2
```
#130cd2 rgb(19,12,210)
```
#240cd2
```
#240cd2 rgb(36,12,210)
```
#340cd2
```
#340cd2 rgb(52,12,210)
```
#450cd2
```
#450cd2 rgb(69,12,210)
```
#560cd2
```
#560cd2 rgb(86,12,210)
```
#660cd2
```
#660cd2 rgb(102,12,210)
```
#770cd2
```
#770cd2 rgb(119,12,210)
```

Similar Colors

Text with hexadecimal color #450cd2

This text has a font color of #450cd2.

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

#450cd2 background color

This paragraph has a background color of #450cd2.

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

#450cd2 border color

This element has a border color of #450cd2.

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

CSS codes

.text {color:#450cd2;}

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

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

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)
```
#080118
```
#080118 rgb(8,1,24)
```
#0e022b
```
#0e022b rgb(14,2,43)
```
#14043e
```
#14043e rgb(20,4,62)
```
#1a0550
```
#1a0550 rgb(26,5,80)
```
#200663
```
#200663 rgb(32,6,99)
```
#270775
```
#270775 rgb(39,7,117)
```
#2d0888
```
#2d0888 rgb(45,8,136)
```
#33099a
```
#33099a rgb(51,9,154)
```
#390aad
```
#390aad rgb(57,10,173)
```
#3f0bbf
```
#3f0bbf rgb(63,11,191)
```
#450cd2
```
#450cd2 rgb(69,12,210)
```
#4b0de5
```
#4b0de5 rgb(75,13,229)
```

Shade Color Variation

#5414f2
```
#5414f2 rgb(84,20,242)
```
#6126f3
```
#6126f3 rgb(97,38,243)
```
#6f39f4
```
#6f39f4 rgb(111,57,244)
```
#7c4bf5
```
#7c4bf5 rgb(124,75,245)
```
#8a5ef6
```
#8a5ef6 rgb(138,94,246)
```
#9770f7
```
#9770f7 rgb(151,112,247)
```
#a583f8
```
#a583f8 rgb(165,131,248)
```
#b296f9
```
#b296f9 rgb(178,150,249)
```
#c0a8fa
```
#c0a8fa rgb(192,168,250)
```
#cdbbfb
```
#cdbbfb rgb(205,187,251)
```
#dbcdfc
```
#dbcdfc rgb(219,205,252)
```
#e8e0fd
```
#e8e0fd rgb(232,224,253)
```
#f6f2fe
```
#f6f2fe rgb(246,242,254)
```

Tint Color Variation

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

#6d6a74
```
#6d6a74 rgb(109,106,116)
```
#69617d
```
#69617d rgb(105,97,125)
```
#665985
```
#665985 rgb(102,89,133)
```
#62508e
```
#62508e rgb(98,80,142)
```
#5e4896
```
#5e4896 rgb(94,72,150)
```
#5b3f9f
```
#5b3f9f rgb(91,63,159)
```
#5737a7
```
#5737a7 rgb(87,55,167)
```
#532eb0
```
#532eb0 rgb(83,46,176)
```
#5026b8
```
#5026b8 rgb(80,38,184)
```
#4c1dc1
```
#4c1dc1 rgb(76,29,193)
```
#4915c9
```
#4915c9 rgb(73,21,201)
```
#450cd2
```
#450cd2 rgb(69,12,210)
```
#4103db
```
#4103db rgb(65,3,219)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#372c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#1935ac Protanomaly 1% of men, 0.01% of women
#19389f Deuteranomaly 6% of men, 0.4% of women
#193c87 Tritanomaly 0.01% of the population

#450cd2 hex color

#450cd2 Color Information

#450cd2 Color Conversion

Color Schemes with #450cd2

Alternatives to #450cd2

#450cd2 Preview

Shades and Tints of #450cd2

Tones of #450cd2

Color Blindness Simulator