#2042ff hex color

In a RGB color space, hex #2042ff is composed of 12.5% red, 25.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 74.1% magenta, 0% yellow and 0% black. It has a hue angle of 230.9 degrees, a saturation of 100% and a lightness of 56.3%. #2042ff color hex could be obtained by blending #4084ff with #0000ff. Closest websafe color is: #3333ff.

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

● #2042ff color description : Vivid blue.

The hexadecimal color #2042ff has RGB values of R:32, G:66, B:255 and CMYK values of C:0.87, M:0.74, Y:0, K:0. Its decimal value is 2114303.

Hex triplet	2042ff	`#2042ff`
RGB Decimal	32, 66, 255	`rgb(32,66,255)`
RGB Percent	12.5, 25.9, 100	`rgb(12.5%,25.9%,100%)`
CMYK	87, 74, 0, 0
HSL	230.9°, 100, 56.3	`hsl(230.9,100%,56.3%)`
HSV (or HSB)	230.9°, 87.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.282, 57.697, -94.555
XYZ	20.59, 11.422, 95.722
xyY	0.161, 0.089, 11.422
CIE-LCH	40.282, 110.768, 301.391
CIE-LUV	40.282, -13.577, -132.889
Hunter-Lab	33.796, 49.606, -144.27
Binary	00100000, 01000010, 11111111

#2042ff
```
#2042ff rgb(32,66,255)
```
#ffdd20
```
#ffdd20 rgb(255,221,32)
```

Complementary Color

#20b2ff
```
#20b2ff rgb(32,178,255)
```
#2042ff
```
#2042ff rgb(32,66,255)
```
#6e20ff
```
#6e20ff rgb(110,32,255)
```

Analogous Color

#b2ff20
```
#b2ff20 rgb(178,255,32)
```
#2042ff
```
#2042ff rgb(32,66,255)
```
#ff6e20
```
#ff6e20 rgb(255,110,32)
```

Split Complementary Color

#42ff20
```
#42ff20 rgb(66,255,32)
```
#2042ff
```
#2042ff rgb(32,66,255)
```
#ff2042
```
#ff2042 rgb(255,32,66)
```

Triadic Color

#20ffdd
```
#20ffdd rgb(32,255,221)
```
#2042ff
```
#2042ff rgb(32,66,255)
```
#ff2042
```
#ff2042 rgb(255,32,66)
```
#ffdd20
```
#ffdd20 rgb(255,221,32)
```

Tetradic Color

#0020d3
```
#0020d3 rgb(0,32,211)
```
#0024ec
```
#0024ec rgb(0,36,236)
```
#062cff
```
#062cff rgb(6,44,255)
```
#2042ff
```
#2042ff rgb(32,66,255)
```
#3a58ff
```
#3a58ff rgb(58,88,255)
```
#536dff
```
#536dff rgb(83,109,255)
```
#6d83ff
```
#6d83ff rgb(109,131,255)
```

Monochromatic Color

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

#207aff
```
#207aff rgb(32,122,255)
```
#2067ff
```
#2067ff rgb(32,103,255)
```
#2055ff
```
#2055ff rgb(32,85,255)
```
#2042ff
```
#2042ff rgb(32,66,255)
```
#202fff
```
#202fff rgb(32,47,255)
```
#2320ff
```
#2320ff rgb(35,32,255)
```
#3620ff
```
#3620ff rgb(54,32,255)
```

Similar Colors

Text with hexadecimal color #2042ff

This text has a font color of #2042ff.

<span style="color:#2042ff;">Text here</span>

#2042ff background color

This paragraph has a background color of #2042ff.

<p style="background-color:#2042ff;">Content here</p>

#2042ff border color

This element has a border color of #2042ff.

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

CSS codes

.text {color:#2042ff;}

.background {background-color:#2042ff;}

.border {border:1px solid #2042ff;}

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

#00020c
```
#00020c rgb(0,2,12)
```
#000520
```
#000520 rgb(0,5,32)
```
#000834
```
#000834 rgb(0,8,52)
```
#000b47
```
#000b47 rgb(0,11,71)
```
#000e5b
```
#000e5b rgb(0,14,91)
```
#00116e
```
#00116e rgb(0,17,110)
```
#001482
```
#001482 rgb(0,20,130)
```
#001796
```
#001796 rgb(0,23,150)
```
#001aa9
```
#001aa9 rgb(0,26,169)
```
#001dbd
```
#001dbd rgb(0,29,189)
```
#0020d1
```
#0020d1 rgb(0,32,209)
```
#0023e4
```
#0023e4 rgb(0,35,228)
```
#0026f8
```
#0026f8 rgb(0,38,248)
```

Shade Color Variation

#0c31ff
```
#0c31ff rgb(12,49,255)
```
#2042ff
```
#2042ff rgb(32,66,255)
```
#3453ff
```
#3453ff rgb(52,83,255)
```
#4763ff
```
#4763ff rgb(71,99,255)
```
#5b74ff
```
#5b74ff rgb(91,116,255)
```
#6e84ff
```
#6e84ff rgb(110,132,255)
```
#8295ff
```
#8295ff rgb(130,149,255)
```
#96a6ff
```
#96a6ff rgb(150,166,255)
```
#a9b6ff
```
#a9b6ff rgb(169,182,255)
```
#bdc7ff
```
#bdc7ff rgb(189,199,255)
```
#d1d8ff
```
#d1d8ff rgb(209,216,255)
```
#e4e8ff
```
#e4e8ff rgb(228,232,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878a98 is the less saturated color, while #2042ff is the most saturated one.

#878a98
```
#878a98 rgb(135,138,152)
```
#7e84a1
```
#7e84a1 rgb(126,132,161)
```
#767ea9
```
#767ea9 rgb(118,126,169)
```
#6d78b2
```
#6d78b2 rgb(109,120,178)
```
#6572ba
```
#6572ba rgb(101,114,186)
```
#5c6cc3
```
#5c6cc3 rgb(92,108,195)
```
#5366cc
```
#5366cc rgb(83,102,204)
```
#4b60d4
```
#4b60d4 rgb(75,96,212)
```
#425add
```
#425add rgb(66,90,221)
```
#3a54e5
```
#3a54e5 rgb(58,84,229)
```
#314eee
```
#314eee rgb(49,78,238)
```
#2948f6
```
#2948f6 rgb(41,72,246)
```
#2042ff
```
#2042ff rgb(32,66,255)
```

Tone Color Variation

Below, you can see how #2042ff 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

#4d4d4d Achromatopsia 0.005% of the population
#444b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#006aa8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#0b57d8 Protanomaly 1% of men, 0.01% of women
#0b5bc8 Deuteranomaly 6% of men, 0.4% of women
#0b60a8 Tritanomaly 0.01% of the population

#2042ff hex color

#2042ff Color Information

#2042ff Color Conversion

Color Schemes with #2042ff

Alternatives to #2042ff

#2042ff Preview

Shades and Tints of #2042ff

Tones of #2042ff

Color Blindness Simulator