#2046ff hex color

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

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

● #2046ff color description : Vivid blue.

The hexadecimal color #2046ff has RGB values of R:32, G:70, B:255 and CMYK values of C:0.87, M:0.73, Y:0, K:0. Its decimal value is 2115327.

Hex triplet	2046ff	`#2046ff`
RGB Decimal	32, 70, 255	`rgb(32,70,255)`
RGB Percent	12.5, 27.5, 100	`rgb(12.5%,27.5%,100%)`
CMYK	87, 73, 0, 0
HSL	229.8°, 100, 56.3	`hsl(229.8,100%,56.3%)`
HSV (or HSB)	229.8°, 87.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.066, 55.49, -93.257
XYZ	20.832, 11.906, 95.802
xyY	0.162, 0.093, 11.906
CIE-LCH	41.066, 108.517, 300.753
CIE-LUV	41.066, -14.239, -132.521
Hunter-Lab	34.505, 47.385, -140.465
Binary	00100000, 01000110, 11111111

#2046ff
```
#2046ff rgb(32,70,255)
```
#ffd920
```
#ffd920 rgb(255,217,32)
```

Complementary Color

#20b6ff
```
#20b6ff rgb(32,182,255)
```
#2046ff
```
#2046ff rgb(32,70,255)
```
#6a20ff
```
#6a20ff rgb(106,32,255)
```

Analogous Color

#b6ff20
```
#b6ff20 rgb(182,255,32)
```
#2046ff
```
#2046ff rgb(32,70,255)
```
#ff6a20
```
#ff6a20 rgb(255,106,32)
```

Split Complementary Color

#46ff20
```
#46ff20 rgb(70,255,32)
```
#2046ff
```
#2046ff rgb(32,70,255)
```
#ff2046
```
#ff2046 rgb(255,32,70)
```

Triadic Color

#20ffd9
```
#20ffd9 rgb(32,255,217)
```
#2046ff
```
#2046ff rgb(32,70,255)
```
#ff2046
```
#ff2046 rgb(255,32,70)
```
#ffd920
```
#ffd920 rgb(255,217,32)
```

Tetradic Color

#0024d3
```
#0024d3 rgb(0,36,211)
```
#0028ec
```
#0028ec rgb(0,40,236)
```
#0631ff
```
#0631ff rgb(6,49,255)
```
#2046ff
```
#2046ff rgb(32,70,255)
```
#3a5bff
```
#3a5bff rgb(58,91,255)
```
#5370ff
```
#5370ff rgb(83,112,255)
```
#6d85ff
```
#6d85ff rgb(109,133,255)
```

Monochromatic Color

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

#207eff
```
#207eff rgb(32,126,255)
```
#206bff
```
#206bff rgb(32,107,255)
```
#2059ff
```
#2059ff rgb(32,89,255)
```
#2046ff
```
#2046ff rgb(32,70,255)
```
#2033ff
```
#2033ff rgb(32,51,255)
```
#2021ff
```
#2021ff rgb(32,33,255)
```
#3220ff
```
#3220ff rgb(50,32,255)
```

Similar Colors

Text with hexadecimal color #2046ff

This text has a font color of #2046ff.

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

#2046ff background color

This paragraph has a background color of #2046ff.

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

#2046ff border color

This element has a border color of #2046ff.

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

CSS codes

.text {color:#2046ff;}

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

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

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)
```
#000934
```
#000934 rgb(0,9,52)
```
#000c47
```
#000c47 rgb(0,12,71)
```
#000f5b
```
#000f5b rgb(0,15,91)
```
#00136e
```
#00136e rgb(0,19,110)
```
#001682
```
#001682 rgb(0,22,130)
```
#001a96
```
#001a96 rgb(0,26,150)
```
#001da9
```
#001da9 rgb(0,29,169)
```
#0020bd
```
#0020bd rgb(0,32,189)
```
#0024d1
```
#0024d1 rgb(0,36,209)
```
#0027e4
```
#0027e4 rgb(0,39,228)
```
#002af8
```
#002af8 rgb(0,42,248)
```

Shade Color Variation

#0c36ff
```
#0c36ff rgb(12,54,255)
```
#2046ff
```
#2046ff rgb(32,70,255)
```
#3456ff
```
#3456ff rgb(52,86,255)
```
#4767ff
```
#4767ff rgb(71,103,255)
```
#5b77ff
```
#5b77ff rgb(91,119,255)
```
#6e87ff
```
#6e87ff rgb(110,135,255)
```
#8297ff
```
#8297ff rgb(130,151,255)
```
#96a8ff
```
#96a8ff rgb(150,168,255)
```
#a9b8ff
```
#a9b8ff rgb(169,184,255)
```
#bdc8ff
```
#bdc8ff rgb(189,200,255)
```
#d1d8ff
```
#d1d8ff rgb(209,216,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,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 #2046ff is the most saturated one.

#878a98
```
#878a98 rgb(135,138,152)
```
#7e84a1
```
#7e84a1 rgb(126,132,161)
```
#767fa9
```
#767fa9 rgb(118,127,169)
```
#6d79b2
```
#6d79b2 rgb(109,121,178)
```
#6573ba
```
#6573ba rgb(101,115,186)
```
#5c6ec3
```
#5c6ec3 rgb(92,110,195)
```
#5368cc
```
#5368cc rgb(83,104,204)
```
#4b62d4
```
#4b62d4 rgb(75,98,212)
```
#425ddd
```
#425ddd rgb(66,93,221)
```
#3a57e5
```
#3a57e5 rgb(58,87,229)
```
#3151ee
```
#3151ee rgb(49,81,238)
```
#294cf6
```
#294cf6 rgb(41,76,246)
```
#2046ff
```
#2046ff rgb(32,70,255)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#464e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cab Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#0b5adb Protanomaly 1% of men, 0.01% of women
#0b5ec9 Deuteranomaly 6% of men, 0.4% of women
#0b62a9 Tritanomaly 0.01% of the population

#2046ff hex color

#2046ff Color Information

#2046ff Color Conversion

Color Schemes with #2046ff

Alternatives to #2046ff

#2046ff Preview

Shades and Tints of #2046ff

Tones of #2046ff

Color Blindness Simulator