#021ddd hex color

In a RGB color space, hex #021ddd is composed of 0.8% red, 11.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 86.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 232.6 degrees, a saturation of 98.2% and a lightness of 43.7%. #021ddd color hex could be obtained by blending #043aff with #0000bb. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 11
- B 87
RGB color chart
- C 99
- M 87
- Y 0
- K 13
CMYK color chart

● #021ddd color description : Vivid blue.

The hexadecimal color #021ddd has RGB values of R:2, G:29, B:221 and CMYK values of C:0.99, M:0.87, Y:0, K:0.13. Its decimal value is 138717.

Hex triplet	021ddd	`#021ddd`
RGB Decimal	2, 29, 221	`rgb(2,29,221)`
RGB Percent	0.8, 11.4, 86.7	`rgb(0.8%,11.4%,86.7%)`
CMYK	99, 87, 0, 13
HSL	232.6°, 98.2, 43.7	`hsl(232.6,98.2%,43.7%)`
HSV (or HSB)	232.6°, 99.1, 86.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.691, 64.017, -92.903
XYZ	13.513, 6.111, 68.87
xyY	0.153, 0.069, 6.111
CIE-LCH	29.691, 112.823, 304.57
CIE-LUV	29.691, -9.449, -112.682
Hunter-Lab	24.72, 54.313, -147.875
Binary	00000010, 00011101, 11011101

#021ddd
```
#021ddd rgb(2,29,221)
```
#ddc202
```
#ddc202 rgb(221,194,2)
```

Complementary Color

#028bdd
```
#028bdd rgb(2,139,221)
```
#021ddd
```
#021ddd rgb(2,29,221)
```
#5502dd
```
#5502dd rgb(85,2,221)
```

Analogous Color

#8bdd02
```
#8bdd02 rgb(139,221,2)
```
#021ddd
```
#021ddd rgb(2,29,221)
```
#dd5402
```
#dd5402 rgb(221,84,2)
```

Split Complementary Color

#1ddd02
```
#1ddd02 rgb(29,221,2)
```
#021ddd
```
#021ddd rgb(2,29,221)
```
#dd021d
```
#dd021d rgb(221,2,29)
```

Triadic Color

#02ddc2
```
#02ddc2 rgb(2,221,194)
```
#021ddd
```
#021ddd rgb(2,29,221)
```
#dd021d
```
#dd021d rgb(221,2,29)
```
#ddc202
```
#ddc202 rgb(221,194,2)
```

Tetradic Color

#011391
```
#011391 rgb(1,19,145)
```
#0216aa
```
#0216aa rgb(2,22,170)
```
#021ac4
```
#021ac4 rgb(2,26,196)
```
#021ddd
```
#021ddd rgb(2,29,221)
```
#0220f6
```
#0220f6 rgb(2,32,246)
```
#1532fd
```
#1532fd rgb(21,50,253)
```
#2e48fd
```
#2e48fd rgb(46,72,253)
```

Monochromatic Color

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

#0254dd
```
#0254dd rgb(2,84,221)
```
#0242dd
```
#0242dd rgb(2,66,221)
```
#022fdd
```
#022fdd rgb(2,47,221)
```
#021ddd
```
#021ddd rgb(2,29,221)
```
#020bdd
```
#020bdd rgb(2,11,221)
```
#0b02dd
```
#0b02dd rgb(11,2,221)
```
#1e02dd
```
#1e02dd rgb(30,2,221)
```

Similar Colors

Text with hexadecimal color #021ddd

This text has a font color of #021ddd.

<span style="color:#021ddd;">Text here</span>

#021ddd background color

This paragraph has a background color of #021ddd.

<p style="background-color:#021ddd;">Content here</p>

#021ddd border color

This element has a border color of #021ddd.

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

CSS codes

.text {color:#021ddd;}

.background {background-color:#021ddd;}

.border {border:1px solid #021ddd;}

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

#000107
```
#000107 rgb(0,1,7)
```
#00031b
```
#00031b rgb(0,3,27)
```
#00062e
```
#00062e rgb(0,6,46)
```
#010941
```
#010941 rgb(1,9,65)
```
#010b55
```
#010b55 rgb(1,11,85)
```
#010e68
```
#010e68 rgb(1,14,104)
```
#01107c
```
#01107c rgb(1,16,124)
```
#01138f
```
#01138f rgb(1,19,143)
```
#0115a3
```
#0115a3 rgb(1,21,163)
```
#0218b6
```
#0218b6 rgb(2,24,182)
```
#021aca
```
#021aca rgb(2,26,202)
```
#021ddd
```
#021ddd rgb(2,29,221)
```
#0220f0
```
#0220f0 rgb(2,32,240)
```

Shade Color Variation

#0927fd
```
#0927fd rgb(9,39,253)
```
#1d39fd
```
#1d39fd rgb(29,57,253)
```
#304afd
```
#304afd rgb(48,74,253)
```
#445bfd
```
#445bfd rgb(68,91,253)
```
#576cfd
```
#576cfd rgb(87,108,253)
```
#6b7dfe
```
#6b7dfe rgb(107,125,254)
```
#7e8efe
```
#7e8efe rgb(126,142,254)
```
#929ffe
```
#929ffe rgb(146,159,254)
```
#a5b0fe
```
#a5b0fe rgb(165,176,254)
```
#b8c1fe
```
#b8c1fe rgb(184,193,254)
```
#ccd2ff
```
#ccd2ff rgb(204,210,255)
```
#dfe3ff
```
#dfe3ff rgb(223,227,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b76 is the less saturated color, while #021ddd is the most saturated one.

#696b76
```
#696b76 rgb(105,107,118)
```
#60647f
```
#60647f rgb(96,100,127)
```
#585e87
```
#585e87 rgb(88,94,135)
```
#4f5790
```
#4f5790 rgb(79,87,144)
```
#475198
```
#475198 rgb(71,81,152)
```
#3e4aa1
```
#3e4aa1 rgb(62,74,161)
```
#3544aa
```
#3544aa rgb(53,68,170)
```
#2d3db2
```
#2d3db2 rgb(45,61,178)
```
#2437bb
```
#2437bb rgb(36,55,187)
```
#1c30c3
```
#1c30c3 rgb(28,48,195)
```
#132acc
```
#132acc rgb(19,42,204)
```
#0b23d4
```
#0b23d4 rgb(11,35,212)
```
#021ddd
```
#021ddd rgb(2,29,221)
```

Tone Color Variation

Below, you can see how #021ddd 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

#2b2b2b Achromatopsia 0.005% of the population
#23284f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00575a Tritanopia 0.001% of the population

Trichromacy

#003baf Protanomaly 1% of men, 0.01% of women
#003ea2 Deuteranomaly 6% of men, 0.4% of women
#00428a Tritanomaly 0.01% of the population

#021ddd hex color

#021ddd Color Information

#021ddd Color Conversion

Color Schemes with #021ddd

Alternatives to #021ddd

#021ddd Preview

Shades and Tints of #021ddd

Tones of #021ddd

Color Blindness Simulator