#422fff hex color

In a RGB color space, hex #422fff is composed of 25.9% red, 18.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 81.6% magenta, 0% yellow and 0% black. It has a hue angle of 245.5 degrees, a saturation of 100% and a lightness of 59.2%. #422fff color hex could be obtained by blending #845eff with #0000ff. Closest websafe color is: #3333ff.

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

● #422fff color description : Vivid blue.

The hexadecimal color #422fff has RGB values of R:66, G:47, B:255 and CMYK values of C:0.74, M:0.82, Y:0, K:0. Its decimal value is 4337663.

Hex triplet	422fff	`#422fff`
RGB Decimal	66, 47, 255	`rgb(66,47,255)`
RGB Percent	25.9, 18.4, 100	`rgb(25.9%,18.4%,100%)`
CMYK	74, 82, 0, 0
HSL	245.5°, 100, 59.2	`hsl(245.5,100%,59.2%)`
HSV (or HSB)	245.5°, 81.6, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.568, 68.541, -97.354
XYZ	21.31, 10.41, 95.489
xyY	0.168, 0.082, 10.41
CIE-LCH	38.568, 119.062, 305.147
CIE-LUV	38.568, -7.072, -133.563
Hunter-Lab	32.265, 61.431, -152.886
Binary	01000010, 00101111, 11111111

#422fff
```
#422fff rgb(66,47,255)
```
#ecff2f
```
#ecff2f rgb(236,255,47)
```

Complementary Color

#2f84ff
```
#2f84ff rgb(47,132,255)
```
#422fff
```
#422fff rgb(66,47,255)
```
#aa2fff
```
#aa2fff rgb(170,47,255)
```

Analogous Color

#84ff2f
```
#84ff2f rgb(132,255,47)
```
#422fff
```
#422fff rgb(66,47,255)
```
#ffaa2f
```
#ffaa2f rgb(255,170,47)
```

Split Complementary Color

#2fff42
```
#2fff42 rgb(47,255,66)
```
#422fff
```
#422fff rgb(66,47,255)
```
#ff422f
```
#ff422f rgb(255,66,47)
```

Triadic Color

#2fecff
```
#2fecff rgb(47,236,255)
```
#422fff
```
#422fff rgb(66,47,255)
```
#ff422f
```
#ff422f rgb(255,66,47)
```
#ecff2f
```
#ecff2f rgb(236,255,47)
```

Tetradic Color

#1500e2
```
#1500e2 rgb(21,0,226)
```
#1700fb
```
#1700fb rgb(23,0,251)
```
#2b16ff
```
#2b16ff rgb(43,22,255)
```
#422fff
```
#422fff rgb(66,47,255)
```
#5949ff
```
#5949ff rgb(89,73,255)
```
#7062ff
```
#7062ff rgb(112,98,255)
```
#887cff
```
#887cff rgb(136,124,255)
```

Monochromatic Color

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

#2f50ff
```
#2f50ff rgb(47,80,255)
```
#2f3fff
```
#2f3fff rgb(47,63,255)
```
#312fff
```
#312fff rgb(49,47,255)
```
#422fff
```
#422fff rgb(66,47,255)
```
#532fff
```
#532fff rgb(83,47,255)
```
#652fff
```
#652fff rgb(101,47,255)
```
#762fff
```
#762fff rgb(118,47,255)
```

Similar Colors

Text with hexadecimal color #422fff

This text has a font color of #422fff.

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

#422fff background color

This paragraph has a background color of #422fff.

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

#422fff border color

This element has a border color of #422fff.

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

CSS codes

.text {color:#422fff;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#03001b
```
#03001b rgb(3,0,27)
```
#04002f
```
#04002f rgb(4,0,47)
```
#060043
```
#060043 rgb(6,0,67)
```
#080056
```
#080056 rgb(8,0,86)
```
#0a006a
```
#0a006a rgb(10,0,106)
```
#0b007d
```
#0b007d rgb(11,0,125)
```
#0d0091
```
#0d0091 rgb(13,0,145)
```
#0f00a5
```
#0f00a5 rgb(15,0,165)
```
#1100b8
```
#1100b8 rgb(17,0,184)
```
#1300cc
```
#1300cc rgb(19,0,204)
```
#1400e0
```
#1400e0 rgb(20,0,224)
```
#1600f3
```
#1600f3 rgb(22,0,243)
```

Shade Color Variation

#1e08ff
```
#1e08ff rgb(30,8,255)
```
#301bff
```
#301bff rgb(48,27,255)
```
#422fff
```
#422fff rgb(66,47,255)
```
#5443ff
```
#5443ff rgb(84,67,255)
```
#6656ff
```
#6656ff rgb(102,86,255)
```
#776aff
```
#776aff rgb(119,106,255)
```
#897dff
```
#897dff rgb(137,125,255)
```
#9b91ff
```
#9b91ff rgb(155,145,255)
```
#ada5ff
```
#ada5ff rgb(173,165,255)
```
#bfb8ff
```
#bfb8ff rgb(191,184,255)
```
#d1ccff
```
#d1ccff rgb(209,204,255)
```
#e2e0ff
```
#e2e0ff rgb(226,224,255)
```
#f4f3ff
```
#f4f3ff rgb(244,243,255)
```

Tint Color Variation

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

#908f9f
```
#908f9f rgb(144,143,159)
```
#8a87a7
```
#8a87a7 rgb(138,135,167)
```
#837faf
```
#837faf rgb(131,127,175)
```
#7d77b7
```
#7d77b7 rgb(125,119,183)
```
#766fbf
```
#766fbf rgb(118,111,191)
```
#7067c7
```
#7067c7 rgb(112,103,199)
```
#695fcf
```
#695fcf rgb(105,95,207)
```
#6357d7
```
#6357d7 rgb(99,87,215)
```
#5c4fdf
```
#5c4fdf rgb(92,79,223)
```
#5647e7
```
#5647e7 rgb(86,71,231)
```
#4f3fef
```
#4f3fef rgb(79,63,239)
```
#4937f7
```
#4937f7 rgb(73,55,247)
```
#422fff
```
#422fff rgb(66,47,255)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4a4670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#184ed3 Protanomaly 1% of men, 0.01% of women
#1852c3 Deuteranomaly 6% of men, 0.4% of women
#1856a5 Tritanomaly 0.01% of the population

#422fff hex color

#422fff Color Information

#422fff Color Conversion

Color Schemes with #422fff

Alternatives to #422fff

#422fff Preview

Shades and Tints of #422fff

Tones of #422fff

Color Blindness Simulator