#2056dc hex color

In a RGB color space, hex #2056dc is composed of 12.5% red, 33.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 60.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 222.8 degrees, a saturation of 74.6% and a lightness of 49.4%. #2056dc color hex could be obtained by blending #40acff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 34
- B 86
RGB color chart
- C 85
- M 61
- Y 0
- K 14
CMYK color chart

● #2056dc color description : Vivid blue.

The hexadecimal color #2056dc has RGB values of R:32, G:86, B:220 and CMYK values of C:0.85, M:0.61, Y:0, K:0.14. Its decimal value is 2119388.

Hex triplet	2056dc	`#2056dc`
RGB Decimal	32, 86, 220	`rgb(32,86,220)`
RGB Percent	12.5, 33.7, 86.3	`rgb(12.5%,33.7%,86.3%)`
CMYK	85, 61, 0, 14
HSL	222.8°, 74.6, 49.4	`hsl(222.8,74.6%,49.4%)`
HSV (or HSB)	222.8°, 85.5, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.42, 33.322, -72.921
XYZ	16.839, 12.129, 69.16
xyY	0.172, 0.124, 12.129
CIE-LCH	41.42, 80.173, 294.558
CIE-LUV	41.42, -17.252, -107.497
Hunter-Lab	34.826, 25.362, -93.363
Binary	00100000, 01010110, 11011100

#2056dc
```
#2056dc rgb(32,86,220)
```
#dca620
```
#dca620 rgb(220,166,32)
```

Complementary Color

#20b4dc
```
#20b4dc rgb(32,180,220)
```
#2056dc
```
#2056dc rgb(32,86,220)
```
#4820dc
```
#4820dc rgb(72,32,220)
```

Analogous Color

#b4dc20
```
#b4dc20 rgb(180,220,32)
```
#2056dc
```
#2056dc rgb(32,86,220)
```
#dc4820
```
#dc4820 rgb(220,72,32)
```

Split Complementary Color

#56dc20
```
#56dc20 rgb(86,220,32)
```
#2056dc
```
#2056dc rgb(32,86,220)
```
#dc2056
```
#dc2056 rgb(220,32,86)
```

Triadic Color

#20dca6
```
#20dca6 rgb(32,220,166)
```
#2056dc
```
#2056dc rgb(32,86,220)
```
#dc2056
```
#dc2056 rgb(220,32,86)
```
#dca620
```
#dca620 rgb(220,166,32)
```

Tetradic Color

#163c99
```
#163c99 rgb(22,60,153)
```
#1a45af
```
#1a45af rgb(26,69,175)
```
#1d4dc6
```
#1d4dc6 rgb(29,77,198)
```
#2056dc
```
#2056dc rgb(32,86,220)
```
#3466e1
```
#3466e1 rgb(52,102,225)
```
#4a77e5
```
#4a77e5 rgb(74,119,229)
```
#6187e8
```
#6187e8 rgb(97,135,232)
```

Monochromatic Color

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

#2085dc
```
#2085dc rgb(32,133,220)
```
#2075dc
```
#2075dc rgb(32,117,220)
```
#2066dc
```
#2066dc rgb(32,102,220)
```
#2056dc
```
#2056dc rgb(32,86,220)
```
#2046dc
```
#2046dc rgb(32,70,220)
```
#2037dc
```
#2037dc rgb(32,55,220)
```
#2027dc
```
#2027dc rgb(32,39,220)
```

Similar Colors

Text with hexadecimal color #2056dc

This text has a font color of #2056dc.

<span style="color:#2056dc;">Text here</span>

#2056dc background color

This paragraph has a background color of #2056dc.

<p style="background-color:#2056dc;">Content here</p>

#2056dc border color

This element has a border color of #2056dc.

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

CSS codes

.text {color:#2056dc;}

.background {background-color:#2056dc;}

.border {border:1px solid #2056dc;}

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, #02060f is the darkest color, while #fcfdff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#050c20
```
#050c20 rgb(5,12,32)
```
#071331
```
#071331 rgb(7,19,49)
```
#0a1a42
```
#0a1a42 rgb(10,26,66)
```
#0c2053
```
#0c2053 rgb(12,32,83)
```
#0f2764
```
#0f2764 rgb(15,39,100)
```
#112e75
```
#112e75 rgb(17,46,117)
```
#143586
```
#143586 rgb(20,53,134)
```
#163b98
```
#163b98 rgb(22,59,152)
```
#1942a9
```
#1942a9 rgb(25,66,169)
```
#1b49ba
```
#1b49ba rgb(27,73,186)
```
#1e4fcb
```
#1e4fcb rgb(30,79,203)
```
#2056dc
```
#2056dc rgb(32,86,220)
```

Shade Color Variation

#2f62e1
```
#2f62e1 rgb(47,98,225)
```
#406fe3
```
#406fe3 rgb(64,111,227)
```
#517ce6
```
#517ce6 rgb(81,124,230)
```
#6289e8
```
#6289e8 rgb(98,137,232)
```
#7396eb
```
#7396eb rgb(115,150,235)
```
#85a3ed
```
#85a3ed rgb(133,163,237)
```
#96aff0
```
#96aff0 rgb(150,175,240)
```
#a7bcf2
```
#a7bcf2 rgb(167,188,242)
```
#b8c9f5
```
#b8c9f5 rgb(184,201,245)
```
#c9d6f7
```
#c9d6f7 rgb(201,214,247)
```
#dae3fa
```
#dae3fa rgb(218,227,250)
```
#ebf0fc
```
#ebf0fc rgb(235,240,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777b85 is the less saturated color, while #034af9 is the most saturated one.

#777b85
```
#777b85 rgb(119,123,133)
```
#6e778e
```
#6e778e rgb(110,119,142)
```
#647398
```
#647398 rgb(100,115,152)
```
#5a6fa2
```
#5a6fa2 rgb(90,111,162)
```
#506bac
```
#506bac rgb(80,107,172)
```
#4766b5
```
#4766b5 rgb(71,102,181)
```
#3d62bf
```
#3d62bf rgb(61,98,191)
```
#335ec9
```
#335ec9 rgb(51,94,201)
```
#2a5ad2
```
#2a5ad2 rgb(42,90,210)
```
#2056dc
```
#2056dc rgb(32,86,220)
```
#1652e6
```
#1652e6 rgb(22,82,230)
```
#0d4eef
```
#0d4eef rgb(13,78,239)
```
#034af9
```
#034af9 rgb(3,74,249)
```

Tone Color Variation

Below, you can see how #2056dc 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

#555555 Achromatopsia 0.005% of the population
#4a5570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0b60cf Protanomaly 1% of men, 0.01% of women
#0b64bf Deuteranomaly 6% of men, 0.4% of women
#0b699d Tritanomaly 0.01% of the population

#2056dc hex color

#2056dc Color Information

#2056dc Color Conversion

Color Schemes with #2056dc

Alternatives to #2056dc

#2056dc Preview

Shades and Tints of #2056dc

Tones of #2056dc

Color Blindness Simulator