#020ddd hex color

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

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

● #020ddd color description : Vivid blue.

The hexadecimal color #020ddd has RGB values of R:2, G:13, B:221 and CMYK values of C:0.99, M:0.94, Y:0, K:0.13. Its decimal value is 134621.

Hex triplet	020ddd	`#020ddd`
RGB Decimal	2, 13, 221	`rgb(2,13,221)`
RGB Percent	0.8, 5.1, 86.7	`rgb(0.8%,5.1%,86.7%)`
CMYK	99, 94, 0, 13
HSL	237°, 98.2, 43.7	`hsl(237,98.2%,43.7%)`
HSV (or HSB)	237°, 99.1, 86.7
Web Safe	0000cc	`#0000cc`

CIE-LAB	28.168, 68.664, -95.446
XYZ	13.217, 5.52, 68.771
xyY	0.151, 0.063, 5.52
CIE-LCH	28.168, 117.579, 305.731
CIE-LUV	28.168, -8.41, -111.324
Hunter-Lab	23.495, 59.302, -157.099
Binary	00000010, 00001101, 11011101

#020ddd
```
#020ddd rgb(2,13,221)
```
#ddd202
```
#ddd202 rgb(221,210,2)
```

Complementary Color

#027bdd
```
#027bdd rgb(2,123,221)
```
#020ddd
```
#020ddd rgb(2,13,221)
```
#6502dd
```
#6502dd rgb(101,2,221)
```

Analogous Color

#7bdd02
```
#7bdd02 rgb(123,221,2)
```
#020ddd
```
#020ddd rgb(2,13,221)
```
#dd6502
```
#dd6502 rgb(221,101,2)
```

Split Complementary Color

#0ddd02
```
#0ddd02 rgb(13,221,2)
```
#020ddd
```
#020ddd rgb(2,13,221)
```
#dd020d
```
#dd020d rgb(221,2,13)
```

Triadic Color

#02ddd2
```
#02ddd2 rgb(2,221,210)
```
#020ddd
```
#020ddd rgb(2,13,221)
```
#dd020d
```
#dd020d rgb(221,2,13)
```
#ddd202
```
#ddd202 rgb(221,210,2)
```

Tetradic Color

#010991
```
#010991 rgb(1,9,145)
```
#020aaa
```
#020aaa rgb(2,10,170)
```
#020cc4
```
#020cc4 rgb(2,12,196)
```
#020ddd
```
#020ddd rgb(2,13,221)
```
#020ef6
```
#020ef6 rgb(2,14,246)
```
#1521fd
```
#1521fd rgb(21,33,253)
```
#2e39fd
```
#2e39fd rgb(46,57,253)
```

Monochromatic Color

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

#0244dd
```
#0244dd rgb(2,68,221)
```
#0232dd
```
#0232dd rgb(2,50,221)
```
#021fdd
```
#021fdd rgb(2,31,221)
```
#020ddd
```
#020ddd rgb(2,13,221)
```
#0902dd
```
#0902dd rgb(9,2,221)
```
#1b02dd
```
#1b02dd rgb(27,2,221)
```
#2e02dd
```
#2e02dd rgb(46,2,221)
```

Similar Colors

Text with hexadecimal color #020ddd

This text has a font color of #020ddd.

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

#020ddd background color

This paragraph has a background color of #020ddd.

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

#020ddd border color

This element has a border color of #020ddd.

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

CSS codes

.text {color:#020ddd;}

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

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

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

#000007
```
#000007 rgb(0,0,7)
```
#00021b
```
#00021b rgb(0,2,27)
```
#00032e
```
#00032e rgb(0,3,46)
```
#010441
```
#010441 rgb(1,4,65)
```
#010555
```
#010555 rgb(1,5,85)
```
#010668
```
#010668 rgb(1,6,104)
```
#01077c
```
#01077c rgb(1,7,124)
```
#01088f
```
#01088f rgb(1,8,143)
```
#010aa3
```
#010aa3 rgb(1,10,163)
```
#020bb6
```
#020bb6 rgb(2,11,182)
```
#020cca
```
#020cca rgb(2,12,202)
```
#020ddd
```
#020ddd rgb(2,13,221)
```
#020ef0
```
#020ef0 rgb(2,14,240)
```

Shade Color Variation

#0916fd
```
#0916fd rgb(9,22,253)
```
#1d28fd
```
#1d28fd rgb(29,40,253)
```
#303bfd
```
#303bfd rgb(48,59,253)
```
#444dfd
```
#444dfd rgb(68,77,253)
```
#5760fd
```
#5760fd rgb(87,96,253)
```
#6b72fe
```
#6b72fe rgb(107,114,254)
```
#7e85fe
```
#7e85fe rgb(126,133,254)
```
#9297fe
```
#9297fe rgb(146,151,254)
```
#a5a9fe
```
#a5a9fe rgb(165,169,254)
```
#b8bcfe
```
#b8bcfe rgb(184,188,254)
```
#ccceff
```
#ccceff rgb(204,206,255)
```
#dfe1ff
```
#dfe1ff rgb(223,225,255)
```
#f3f3ff
```
#f3f3ff rgb(243,243,255)
```

Tint Color Variation

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

#696a76
```
#696a76 rgb(105,106,118)
```
#60627f
```
#60627f rgb(96,98,127)
```
#585a87
```
#585a87 rgb(88,90,135)
```
#4f5290
```
#4f5290 rgb(79,82,144)
```
#474b98
```
#474b98 rgb(71,75,152)
```
#3e43a1
```
#3e43a1 rgb(62,67,161)
```
#353baa
```
#353baa rgb(53,59,170)
```
#2d34b2
```
#2d34b2 rgb(45,52,178)
```
#242cbb
```
#242cbb rgb(36,44,187)
```
#1c24c3
```
#1c24c3 rgb(28,36,195)
```
#131ccc
```
#131ccc rgb(19,28,204)
```
#0b15d4
```
#0b15d4 rgb(11,21,212)
```
#020ddd
```
#020ddd rgb(2,13,221)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1b1d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a8f Protanopia 1% of men
#004e7b Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#0033ab Protanomaly 1% of men, 0.01% of women
#00369f Deuteranomaly 6% of men, 0.4% of women
#003a87 Tritanomaly 0.01% of the population

#020ddd hex color

#020ddd Color Information

#020ddd Color Conversion

Color Schemes with #020ddd

Alternatives to #020ddd

#020ddd Preview

Shades and Tints of #020ddd

Tones of #020ddd

Color Blindness Simulator