#422cff hex color

In a RGB color space, hex #422cff is composed of 25.9% red, 17.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 82.7% magenta, 0% yellow and 0% black. It has a hue angle of 246.3 degrees, a saturation of 100% and a lightness of 58.6%. #422cff color hex could be obtained by blending #8458ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 26
- G 17
- B 100
RGB color chart
- C 74
- M 83
- Y 0
- K 0
CMYK color chart

● #422cff color description : Vivid blue.

The hexadecimal color #422cff has RGB values of R:66, G:44, B:255 and CMYK values of C:0.74, M:0.83, Y:0, K:0. Its decimal value is 4336895.

Hex triplet	422cff	`#422cff`
RGB Decimal	66, 44, 255	`rgb(66,44,255)`
RGB Percent	25.9, 17.3, 100	`rgb(25.9%,17.3%,100%)`
CMYK	74, 83, 0, 0
HSL	246.3°, 100, 58.6	`hsl(246.3,100%,58.6%)`
HSV (or HSB)	246.3°, 82.7, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.161, 69.748, -98.031
XYZ	21.194, 10.178, 95.45
xyY	0.167, 0.08, 10.178
CIE-LCH	38.161, 120.312, 305.431
CIE-LUV	38.161, -6.763, -133.591
Hunter-Lab	31.904, 62.748, -155.053
Binary	01000010, 00101100, 11111111

#422cff
```
#422cff rgb(66,44,255)
```
#e9ff2c
```
#e9ff2c rgb(233,255,44)
```

Complementary Color

#2c80ff
```
#2c80ff rgb(44,128,255)
```
#422cff
```
#422cff rgb(66,44,255)
```
#ac2cff
```
#ac2cff rgb(172,44,255)
```

Analogous Color

#80ff2c
```
#80ff2c rgb(128,255,44)
```
#422cff
```
#422cff rgb(66,44,255)
```
#ffac2c
```
#ffac2c rgb(255,172,44)
```

Split Complementary Color

#2cff42
```
#2cff42 rgb(44,255,66)
```
#422cff
```
#422cff rgb(66,44,255)
```
#ff422c
```
#ff422c rgb(255,66,44)
```

Triadic Color

#2ce9ff
```
#2ce9ff rgb(44,233,255)
```
#422cff
```
#422cff rgb(66,44,255)
```
#ff422c
```
#ff422c rgb(255,66,44)
```
#e9ff2c
```
#e9ff2c rgb(233,255,44)
```

Tetradic Color

#1700df
```
#1700df rgb(23,0,223)
```
#1a00f8
```
#1a00f8 rgb(26,0,248)
```
#2b13ff
```
#2b13ff rgb(43,19,255)
```
#422cff
```
#422cff rgb(66,44,255)
```
#5946ff
```
#5946ff rgb(89,70,255)
```
#705fff
```
#705fff rgb(112,95,255)
```
#8779ff
```
#8779ff rgb(135,121,255)
```

Monochromatic Color

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

#2c4bff
```
#2c4bff rgb(44,75,255)
```
#2c39ff
```
#2c39ff rgb(44,57,255)
```
#302cff
```
#302cff rgb(48,44,255)
```
#422cff
```
#422cff rgb(66,44,255)
```
#542cff
```
#542cff rgb(84,44,255)
```
#652cff
```
#652cff rgb(101,44,255)
```
#772cff
```
#772cff rgb(119,44,255)
```

Similar Colors

Text with hexadecimal color #422cff

This text has a font color of #422cff.

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

#422cff background color

This paragraph has a background color of #422cff.

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

#422cff border color

This element has a border color of #422cff.

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

CSS codes

.text {color:#422cff;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#030018
```
#030018 rgb(3,0,24)
```
#05002c
```
#05002c rgb(5,0,44)
```
#070040
```
#070040 rgb(7,0,64)
```
#090053
```
#090053 rgb(9,0,83)
```
#0b0067
```
#0b0067 rgb(11,0,103)
```
#0d007a
```
#0d007a rgb(13,0,122)
```
#0f008e
```
#0f008e rgb(15,0,142)
```
#1100a2
```
#1100a2 rgb(17,0,162)
```
#1300b5
```
#1300b5 rgb(19,0,181)
```
#1500c9
```
#1500c9 rgb(21,0,201)
```
#1700dd
```
#1700dd rgb(23,0,221)
```
#1900f0
```
#1900f0 rgb(25,0,240)
```

Shade Color Variation

#1f05ff
```
#1f05ff rgb(31,5,255)
```
#3018ff
```
#3018ff rgb(48,24,255)
```
#422cff
```
#422cff rgb(66,44,255)
```
#5440ff
```
#5440ff rgb(84,64,255)
```
#6553ff
```
#6553ff rgb(101,83,255)
```
#7767ff
```
#7767ff rgb(119,103,255)
```
#887aff
```
#887aff rgb(136,122,255)
```
#9a8eff
```
#9a8eff rgb(154,142,255)
```
#aba2ff
```
#aba2ff rgb(171,162,255)
```
#bdb5ff
```
#bdb5ff rgb(189,181,255)
```
#cfc9ff
```
#cfc9ff rgb(207,201,255)
```
#e0ddff
```
#e0ddff rgb(224,221,255)
```
#f2f0ff
```
#f2f0ff rgb(242,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8d9e is the less saturated color, while #422cff is the most saturated one.

#8f8d9e
```
#8f8d9e rgb(143,141,158)
```
#8985a6
```
#8985a6 rgb(137,133,166)
```
#827dae
```
#827dae rgb(130,125,174)
```
#7c75b6
```
#7c75b6 rgb(124,117,182)
```
#756dbe
```
#756dbe rgb(117,109,190)
```
#6f65c6
```
#6f65c6 rgb(111,101,198)
```
#695dce
```
#695dce rgb(105,93,206)
```
#6255d6
```
#6255d6 rgb(98,85,214)
```
#5c4cdf
```
#5c4cdf rgb(92,76,223)
```
#5544e7
```
#5544e7 rgb(85,68,231)
```
#4f3cef
```
#4f3cef rgb(79,60,239)
```
#4834f7
```
#4834f7 rgb(72,52,247)
```
#422cff
```
#422cff rgb(66,44,255)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#49456f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#184cd2 Protanomaly 1% of men, 0.01% of women
#1850c2 Deuteranomaly 6% of men, 0.4% of women
#1854a4 Tritanomaly 0.01% of the population

#422cff hex color

#422cff Color Information

#422cff Color Conversion

Color Schemes with #422cff

Alternatives to #422cff

#422cff Preview

Shades and Tints of #422cff

Tones of #422cff

Color Blindness Simulator