#2054de hex color

In a RGB color space, hex #2054de is composed of 12.5% red, 32.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 62.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 223.6 degrees, a saturation of 74.8% and a lightness of 49.8%. #2054de color hex could be obtained by blending #40a8ff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 33
- B 87
RGB color chart
- C 86
- M 62
- Y 0
- K 13
CMYK color chart

● #2054de color description : Vivid blue.

The hexadecimal color #2054de has RGB values of R:32, G:84, B:222 and CMYK values of C:0.86, M:0.62, Y:0, K:0.13. Its decimal value is 2118878.

Hex triplet	2054de	`#2054de`
RGB Decimal	32, 84, 222	`rgb(32,84,222)`
RGB Percent	12.5, 32.9, 87.1	`rgb(12.5%,32.9%,87.1%)`
CMYK	86, 62, 0, 13
HSL	223.6°, 74.8, 49.8	`hsl(223.6,74.8%,49.8%)`
HSV (or HSB)	223.6°, 85.6, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.089, 35.352, -74.603
XYZ	16.948, 11.92, 70.511
xyY	0.171, 0.12, 11.92
CIE-LCH	41.089, 82.555, 295.354
CIE-LUV	41.089, -16.768, -109.464
Hunter-Lab	34.526, 27.202, -96.918
Binary	00100000, 01010100, 11011110

#2054de
```
#2054de rgb(32,84,222)
```
#deaa20
```
#deaa20 rgb(222,170,32)
```

Complementary Color

#20b3de
```
#20b3de rgb(32,179,222)
```
#2054de
```
#2054de rgb(32,84,222)
```
#4b20de
```
#4b20de rgb(75,32,222)
```

Analogous Color

#b3de20
```
#b3de20 rgb(179,222,32)
```
#2054de
```
#2054de rgb(32,84,222)
```
#de4b20
```
#de4b20 rgb(222,75,32)
```

Split Complementary Color

#54de20
```
#54de20 rgb(84,222,32)
```
#2054de
```
#2054de rgb(32,84,222)
```
#de2054
```
#de2054 rgb(222,32,84)
```

Triadic Color

#20deaa
```
#20deaa rgb(32,222,170)
```
#2054de
```
#2054de rgb(32,84,222)
```
#de2054
```
#de2054 rgb(222,32,84)
```
#deaa20
```
#deaa20 rgb(222,170,32)
```

Tetradic Color

#163b9b
```
#163b9b rgb(22,59,155)
```
#1a43b1
```
#1a43b1 rgb(26,67,177)
```
#1d4cc8
```
#1d4cc8 rgb(29,76,200)
```
#2054de
```
#2054de rgb(32,84,222)
```
#3665e2
```
#3665e2 rgb(54,101,226)
```
#4c76e5
```
#4c76e5 rgb(76,118,229)
```
#6287e8
```
#6287e8 rgb(98,135,232)
```

Monochromatic Color

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

#2084de
```
#2084de rgb(32,132,222)
```
#2074de
```
#2074de rgb(32,116,222)
```
#2064de
```
#2064de rgb(32,100,222)
```
#2054de
```
#2054de rgb(32,84,222)
```
#2044de
```
#2044de rgb(32,68,222)
```
#2034de
```
#2034de rgb(32,52,222)
```
#2025de
```
#2025de rgb(32,37,222)
```

Similar Colors

Text with hexadecimal color #2054de

This text has a font color of #2054de.

<span style="color:#2054de;">Text here</span>

#2054de background color

This paragraph has a background color of #2054de.

<p style="background-color:#2054de;">Content here</p>

#2054de border color

This element has a border color of #2054de.

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

CSS codes

.text {color:#2054de;}

.background {background-color:#2054de;}

.border {border:1px solid #2054de;}

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

#020610
```
#020610 rgb(2,6,16)
```
#050d21
```
#050d21 rgb(5,13,33)
```
#071333
```
#071333 rgb(7,19,51)
```
#0a1a44
```
#0a1a44 rgb(10,26,68)
```
#0c2055
```
#0c2055 rgb(12,32,85)
```
#0f2766
```
#0f2766 rgb(15,39,102)
```
#112d77
```
#112d77 rgb(17,45,119)
```
#143488
```
#143488 rgb(20,52,136)
```
#163a99
```
#163a99 rgb(22,58,153)
```
#1941ab
```
#1941ab rgb(25,65,171)
```
#1b47bc
```
#1b47bc rgb(27,71,188)
```
#1e4ecd
```
#1e4ecd rgb(30,78,205)
```
#2054de
```
#2054de rgb(32,84,222)
```

Shade Color Variation

#3061e1
```
#3061e1 rgb(48,97,225)
```
#426ee4
```
#426ee4 rgb(66,110,228)
```
#537be6
```
#537be6 rgb(83,123,230)
```
#6488e9
```
#6488e9 rgb(100,136,233)
```
#7595eb
```
#7595eb rgb(117,149,235)
```
#86a2ee
```
#86a2ee rgb(134,162,238)
```
#97b0f0
```
#97b0f0 rgb(151,176,240)
```
#a8bdf3
```
#a8bdf3 rgb(168,189,243)
```
#bacaf5
```
#bacaf5 rgb(186,202,245)
```
#cbd7f7
```
#cbd7f7 rgb(203,215,247)
```
#dce4fa
```
#dce4fa rgb(220,228,250)
```
#edf1fc
```
#edf1fc rgb(237,241,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787c86 is the less saturated color, while #0347fb is the most saturated one.

#787c86
```
#787c86 rgb(120,124,134)
```
#6e7790
```
#6e7790 rgb(110,119,144)
```
#64739a
```
#64739a rgb(100,115,154)
```
#5b6fa3
```
#5b6fa3 rgb(91,111,163)
```
#516aad
```
#516aad rgb(81,106,173)
```
#4766b7
```
#4766b7 rgb(71,102,183)
```
#3d61c1
```
#3d61c1 rgb(61,97,193)
```
#345dca
```
#345dca rgb(52,93,202)
```
#2a58d4
```
#2a58d4 rgb(42,88,212)
```
#2054de
```
#2054de rgb(32,84,222)
```
#1650e8
```
#1650e8 rgb(22,80,232)
```
#0c4bf2
```
#0c4bf2 rgb(12,75,242)
```
#0347fb
```
#0347fb rgb(3,71,251)
```

Tone Color Variation

Below, you can see how #2054de 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

#545454 Achromatopsia 0.005% of the population
#4a5470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006bad Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0b5fcf Protanomaly 1% of men, 0.01% of women
#0b63be Deuteranomaly 6% of men, 0.4% of women
#0b689e Tritanomaly 0.01% of the population

#2054de hex color

#2054de Color Information

#2054de Color Conversion

Color Schemes with #2054de

Alternatives to #2054de

#2054de Preview

Shades and Tints of #2054de

Tones of #2054de

Color Blindness Simulator