#450aa0 hex color

In a RGB color space, hex #450aa0 is composed of 27.1% red, 3.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 93.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 263.6 degrees, a saturation of 88.2% and a lightness of 33.3%. #450aa0 color hex could be obtained by blending #8a14ff with #000041. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 27
- G 4
- B 63
RGB color chart
- C 57
- M 94
- Y 0
- K 37
CMYK color chart

● #450aa0 color description : Dark violet.

The hexadecimal color #450aa0 has RGB values of R:69, G:10, B:160 and CMYK values of C:0.57, M:0.94, Y:0, K:0.37. Its decimal value is 4524704.

Hex triplet	450aa0	`#450aa0`
RGB Decimal	69, 10, 160	`rgb(69,10,160)`
RGB Percent	27.1, 3.9, 62.7	`rgb(27.1%,3.9%,62.7%)`
CMYK	57, 94, 0, 37
HSL	263.6°, 88.2, 33.3	`hsl(263.6,88.2%,33.3%)`
HSV (or HSB)	263.6°, 93.8, 62.7
Web Safe	330099	`#330099`

CIE-LAB	23.738, 55.823, -66.588
XYZ	8.907, 4.02, 33.562
xyY	0.192, 0.086, 4.02
CIE-LCH	23.738, 86.892, 309.974
CIE-LUV	23.738, 3.66, -78.807
Hunter-Lab	20.05, 44.206, -85.211
Binary	01000101, 00001010, 10100000

#450aa0
```
#450aa0 rgb(69,10,160)
```
#65a00a
```
#65a00a rgb(101,160,10)
```

Complementary Color

#0a1aa0
```
#0a1aa0 rgb(10,26,160)
```
#450aa0
```
#450aa0 rgb(69,10,160)
```
#900aa0
```
#900aa0 rgb(144,10,160)
```

Analogous Color

#1aa00a
```
#1aa00a rgb(26,160,10)
```
#450aa0
```
#450aa0 rgb(69,10,160)
```
#a0900a
```
#a0900a rgb(160,144,10)
```

Split Complementary Color

#0aa045
```
#0aa045 rgb(10,160,69)
```
#450aa0
```
#450aa0 rgb(69,10,160)
```
#a0450a
```
#a0450a rgb(160,69,10)
```

Triadic Color

#0a65a0
```
#0a65a0 rgb(10,101,160)
```
#450aa0
```
#450aa0 rgb(69,10,160)
```
#a0450a
```
#a0450a rgb(160,69,10)
```
#65a00a
```
#65a00a rgb(101,160,10)
```

Tetradic Color

#260558
```
#260558 rgb(38,5,88)
```
#300770
```
#300770 rgb(48,7,112)
```
#3b0988
```
#3b0988 rgb(59,9,136)
```
#450aa0
```
#450aa0 rgb(69,10,160)
```
#4f0cb8
```
#4f0cb8 rgb(79,12,184)
```
#5a0dd0
```
#5a0dd0 rgb(90,13,208)
```
#640fe8
```
#640fe8 rgb(100,15,232)
```

Monochromatic Color

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

#1f0aa0
```
#1f0aa0 rgb(31,10,160)
```
#2c0aa0
```
#2c0aa0 rgb(44,10,160)
```
#380aa0
```
#380aa0 rgb(56,10,160)
```
#450aa0
```
#450aa0 rgb(69,10,160)
```
#520aa0
```
#520aa0 rgb(82,10,160)
```
#5e0aa0
```
#5e0aa0 rgb(94,10,160)
```
#6b0aa0
```
#6b0aa0 rgb(107,10,160)
```

Similar Colors

Text with hexadecimal color #450aa0

This text has a font color of #450aa0.

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

#450aa0 background color

This paragraph has a background color of #450aa0.

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

#450aa0 border color

This element has a border color of #450aa0.

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

CSS codes

.text {color:#450aa0;}

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

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

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, #05010c is the darkest color, while #fbf9ff is the lightest one.

#05010c
```
#05010c rgb(5,1,12)
```
#0d021f
```
#0d021f rgb(13,2,31)
```
#150331
```
#150331 rgb(21,3,49)
```
#1d0444
```
#1d0444 rgb(29,4,68)
```
#250556
```
#250556 rgb(37,5,86)
```
#2d0769
```
#2d0769 rgb(45,7,105)
```
#35087b
```
#35087b rgb(53,8,123)
```
#3d098e
```
#3d098e rgb(61,9,142)
```
#450aa0
```
#450aa0 rgb(69,10,160)
```
#4d0bb2
```
#4d0bb2 rgb(77,11,178)
```
#550cc5
```
#550cc5 rgb(85,12,197)
```
#5d0dd7
```
#5d0dd7 rgb(93,13,215)
```
#650fea
```
#650fea rgb(101,15,234)
```

Shade Color Variation

#6f1bf1
```
#6f1bf1 rgb(111,27,241)
```
#7b2ef2
```
#7b2ef2 rgb(123,46,242)
```
#8740f3
```
#8740f3 rgb(135,64,243)
```
#9253f4
```
#9253f4 rgb(146,83,244)
```
#9e65f5
```
#9e65f5 rgb(158,101,245)
```
#aa78f7
```
#aa78f7 rgb(170,120,247)
```
#b58af8
```
#b58af8 rgb(181,138,248)
```
#c19df9
```
#c19df9 rgb(193,157,249)
```
#cdaffa
```
#cdaffa rgb(205,175,250)
```
#d8c1fb
```
#d8c1fb rgb(216,193,251)
```
#e4d4fc
```
#e4d4fc rgb(228,212,252)
```
#efe6fd
```
#efe6fd rgb(239,230,253)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#545258
```
#545258 rgb(84,82,88)
```
#534b5f
```
#534b5f rgb(83,75,95)
```
#524565
```
#524565 rgb(82,69,101)
```
#503e6c
```
#503e6c rgb(80,62,108)
```
#4f3872
```
#4f3872 rgb(79,56,114)
```
#4d3179
```
#4d3179 rgb(77,49,121)
```
#4c2b7f
```
#4c2b7f rgb(76,43,127)
```
#4b2486
```
#4b2486 rgb(75,36,134)
```
#491e8c
```
#491e8c rgb(73,30,140)
```
#481793
```
#481793 rgb(72,23,147)
```
#461199
```
#461199 rgb(70,17,153)
```
#450aa0
```
#450aa0 rgb(69,10,160)
```
#4403a7
```
#4403a7 rgb(68,3,167)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#322644 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00446d Deuteranopia 1% of men
#21484d Tritanopia 0.001% of the population

Trichromacy

#192d8a Protanomaly 1% of men, 0.01% of women
#192f7f Deuteranomaly 6% of men, 0.4% of women
#2e316b Tritanomaly 0.01% of the population

#450aa0 hex color

#450aa0 Color Information

#450aa0 Color Conversion

Color Schemes with #450aa0

Alternatives to #450aa0

#450aa0 Preview

Shades and Tints of #450aa0

Tones of #450aa0

Color Blindness Simulator