#422ddd hex color

In a RGB color space, hex #422ddd is composed of 25.9% red, 17.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 79.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 247.2 degrees, a saturation of 72.1% and a lightness of 52.2%. #422ddd color hex could be obtained by blending #845aff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 26
- G 18
- B 87
RGB color chart
- C 70
- M 80
- Y 0
- K 13
CMYK color chart

● #422ddd color description : Bright blue.

The hexadecimal color #422ddd has RGB values of R:66, G:45, B:221 and CMYK values of C:0.7, M:0.8, Y:0, K:0.13. Its decimal value is 4337117.

Hex triplet	422ddd	`#422ddd`
RGB Decimal	66, 45, 221	`rgb(66,45,221)`
RGB Percent	25.9, 17.6, 86.7	`rgb(25.9%,17.6%,86.7%)`
CMYK	70, 80, 0, 13
HSL	247.2°, 72.1, 52.2	`hsl(247.2,72.1%,52.2%)`
HSV (or HSB)	247.2°, 79.6, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.508, 59.71, -84.822
XYZ	16.234, 8.255, 69.14
xyY	0.173, 0.088, 8.255
CIE-LCH	34.508, 103.731, 305.143
CIE-LUV	34.508, -4.918, -114.183
Hunter-Lab	28.731, 50.579, -122.569
Binary	01000010, 00101101, 11011101

#422ddd
```
#422ddd rgb(66,45,221)
```
#c8dd2d
```
#c8dd2d rgb(200,221,45)
```

Complementary Color

#2d70dd
```
#2d70dd rgb(45,112,221)
```
#422ddd
```
#422ddd rgb(66,45,221)
```
#9a2ddd
```
#9a2ddd rgb(154,45,221)
```

Analogous Color

#70dd2d
```
#70dd2d rgb(112,221,45)
```
#422ddd
```
#422ddd rgb(66,45,221)
```
#dd9a2d
```
#dd9a2d rgb(221,154,45)
```

Split Complementary Color

#2ddd42
```
#2ddd42 rgb(45,221,66)
```
#422ddd
```
#422ddd rgb(66,45,221)
```
#dd422d
```
#dd422d rgb(221,66,45)
```

Triadic Color

#2dc8dd
```
#2dc8dd rgb(45,200,221)
```
#422ddd
```
#422ddd rgb(66,45,221)
```
#dd422d
```
#dd422d rgb(221,66,45)
```
#c8dd2d
```
#c8dd2d rgb(200,221,45)
```

Tetradic Color

#2b1aa3
```
#2b1aa3 rgb(43,26,163)
```
#301eb9
```
#301eb9 rgb(48,30,185)
```
#3622cf
```
#3622cf rgb(54,34,207)
```
#422ddd
```
#422ddd rgb(66,45,221)
```
#5643e1
```
#5643e1 rgb(86,67,225)
```
#6a59e4
```
#6a59e4 rgb(106,89,228)
```
#7d6fe8
```
#7d6fe8 rgb(125,111,232)
```

Monochromatic Color

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

#2d44dd
```
#2d44dd rgb(45,68,221)
```
#2d35dd
```
#2d35dd rgb(45,53,221)
```
#332ddd
```
#332ddd rgb(51,45,221)
```
#422ddd
```
#422ddd rgb(66,45,221)
```
#512ddd
```
#512ddd rgb(81,45,221)
```
#5f2ddd
```
#5f2ddd rgb(95,45,221)
```
#6e2ddd
```
#6e2ddd rgb(110,45,221)
```

Similar Colors

Text with hexadecimal color #422ddd

This text has a font color of #422ddd.

<span style="color:#422ddd;">Text here</span>

#422ddd background color

This paragraph has a background color of #422ddd.

<p style="background-color:#422ddd;">Content here</p>

#422ddd border color

This element has a border color of #422ddd.

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

CSS codes

.text {color:#422ddd;}

.background {background-color:#422ddd;}

.border {border:1px solid #422ddd;}

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

#020209
```
#020209 rgb(2,2,9)
```
#07041a
```
#07041a rgb(7,4,26)
```
#0b072b
```
#0b072b rgb(11,7,43)
```
#100a3c
```
#100a3c rgb(16,10,60)
```
#140c4d
```
#140c4d rgb(20,12,77)
```
#190f5e
```
#190f5e rgb(25,15,94)
```
#1d126f
```
#1d126f rgb(29,18,111)
```
#211580
```
#211580 rgb(33,21,128)
```
#261791
```
#261791 rgb(38,23,145)
```
#2a1aa1
```
#2a1aa1 rgb(42,26,161)
```
#2f1db2
```
#2f1db2 rgb(47,29,178)
```
#3320c3
```
#3320c3 rgb(51,32,195)
```
#3822d4
```
#3822d4 rgb(56,34,212)
```

Shade Color Variation

#422ddd
```
#422ddd rgb(66,45,221)
```
#513ee0
```
#513ee0 rgb(81,62,224)
```
#604fe2
```
#604fe2 rgb(96,79,226)
```
#7060e5
```
#7060e5 rgb(112,96,229)
```
#7f71e8
```
#7f71e8 rgb(127,113,232)
```
#8e81eb
```
#8e81eb rgb(142,129,235)
```
#9d92ed
```
#9d92ed rgb(157,146,237)
```
#aca3f0
```
#aca3f0 rgb(172,163,240)
```
#bcb4f3
```
#bcb4f3 rgb(188,180,243)
```
#cbc5f6
```
#cbc5f6 rgb(203,197,246)
```
#dad6f8
```
#dad6f8 rgb(218,214,248)
```
#e9e7fb
```
#e9e7fb rgb(233,231,251)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#828189
```
#828189 rgb(130,129,137)
```
#7b7892
```
#7b7892 rgb(123,120,146)
```
#746f9b
```
#746f9b rgb(116,111,155)
```
#6d65a5
```
#6d65a5 rgb(109,101,165)
```
#665cae
```
#665cae rgb(102,92,174)
```
#5f53b7
```
#5f53b7 rgb(95,83,183)
```
#5749c1
```
#5749c1 rgb(87,73,193)
```
#5040ca
```
#5040ca rgb(80,64,202)
```
#4936d4
```
#4936d4 rgb(73,54,212)
```
#422ddd
```
#422ddd rgb(66,45,221)
```
#3b24e6
```
#3b24e6 rgb(59,36,230)
```
#341af0
```
#341af0 rgb(52,26,240)
```
#2d11f9
```
#2d11f9 rgb(45,17,249)
```

Tone Color Variation

Below, you can see how #422ddd 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

#474747 Achromatopsia 0.005% of the population
#464265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1848bc Protanomaly 1% of men, 0.01% of women
#184bae Deuteranomaly 6% of men, 0.4% of women
#184f92 Tritanomaly 0.01% of the population

#422ddd hex color

#422ddd Color Information

#422ddd Color Conversion

Color Schemes with #422ddd

Alternatives to #422ddd

#422ddd Preview

Shades and Tints of #422ddd

Tones of #422ddd

Color Blindness Simulator