#021698 hex color

In a RGB color space, hex #021698 is composed of 0.8% red, 8.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 85.5% magenta, 0% yellow and 40.4% black. It has a hue angle of 232 degrees, a saturation of 97.4% and a lightness of 30.2%. #021698 color hex could be obtained by blending #042cff with #000031. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 60
RGB color chart
- C 99
- M 86
- Y 0
- K 40
CMYK color chart

● #021698 color description : Dark blue.

The hexadecimal color #021698 has RGB values of R:2, G:22, B:152 and CMYK values of C:0.99, M:0.86, Y:0, K:0.4. Its decimal value is 136856.

Hex triplet	021698	`#021698`
RGB Decimal	2, 22, 152	`rgb(2,22,152)`
RGB Percent	0.8, 8.6, 59.6	`rgb(0.8%,8.6%,59.6%)`
CMYK	99, 86, 0, 40
HSL	232°, 97.4, 30.2	`hsl(232,97.4%,30.2%)`
HSV (or HSB)	232°, 98.7, 59.6
Web Safe	000099	`#000099`

CIE-LAB	19.446, 46.06, -68.94
XYZ	5.978, 2.853, 29.94
xyY	0.154, 0.074, 2.853
CIE-LCH	19.446, 82.911, 303.747
CIE-LUV	19.446, -6.396, -71.557
Hunter-Lab	16.892, 33.615, -93.265
Binary	00000010, 00010110, 10011000

#021698
```
#021698 rgb(2,22,152)
```
#988402
```
#988402 rgb(152,132,2)
```

Complementary Color

#026198
```
#026198 rgb(2,97,152)
```
#021698
```
#021698 rgb(2,22,152)
```
#390298
```
#390298 rgb(57,2,152)
```

Analogous Color

#619802
```
#619802 rgb(97,152,2)
```
#021698
```
#021698 rgb(2,22,152)
```
#983902
```
#983902 rgb(152,57,2)
```

Split Complementary Color

#169802
```
#169802 rgb(22,152,2)
```
#021698
```
#021698 rgb(2,22,152)
```
#980216
```
#980216 rgb(152,2,22)
```

Triadic Color

#029884
```
#029884 rgb(2,152,132)
```
#021698
```
#021698 rgb(2,22,152)
```
#980216
```
#980216 rgb(152,2,22)
```
#988402
```
#988402 rgb(152,132,2)
```

Tetradic Color

#010b4c
```
#010b4c rgb(1,11,76)
```
#010f66
```
#010f66 rgb(1,15,102)
```
#02127f
```
#02127f rgb(2,18,127)
```
#021698
```
#021698 rgb(2,22,152)
```
#021ab1
```
#021ab1 rgb(2,26,177)
```
#031dca
```
#031dca rgb(3,29,202)
```
#0321e4
```
#0321e4 rgb(3,33,228)
```

Monochromatic Color

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

#023c98
```
#023c98 rgb(2,60,152)
```
#022f98
```
#022f98 rgb(2,47,152)
```
#022398
```
#022398 rgb(2,35,152)
```
#021698
```
#021698 rgb(2,22,152)
```
#020a98
```
#020a98 rgb(2,10,152)
```
#070298
```
#070298 rgb(7,2,152)
```
#130298
```
#130298 rgb(19,2,152)
```

Similar Colors

Text with hexadecimal color #021698

This text has a font color of #021698.

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

#021698 background color

This paragraph has a background color of #021698.

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

#021698 border color

This element has a border color of #021698.

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

CSS codes

.text {color:#021698;}

.background {background-color:#021698;}

.border {border:1px solid #021698;}

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

#000210
```
#000210 rgb(0,2,16)
```
#000524
```
#000524 rgb(0,5,36)
```
#010837
```
#010837 rgb(1,8,55)
```
#010b4b
```
#010b4b rgb(1,11,75)
```
#010e5e
```
#010e5e rgb(1,14,94)
```
#011071
```
#011071 rgb(1,16,113)
```
#021385
```
#021385 rgb(2,19,133)
```
#021698
```
#021698 rgb(2,22,152)
```
#0219ab
```
#0219ab rgb(2,25,171)
```
#031cbf
```
#031cbf rgb(3,28,191)
```
#031ed2
```
#031ed2 rgb(3,30,210)
```
#0321e5
```
#0321e5 rgb(3,33,229)
```
#0324f9
```
#0324f9 rgb(3,36,249)
```

Shade Color Variation

#1433fc
```
#1433fc rgb(20,51,252)
```
#2744fc
```
#2744fc rgb(39,68,252)
```
#3b54fc
```
#3b54fc rgb(59,84,252)
```
#4e65fd
```
#4e65fd rgb(78,101,253)
```
#6176fd
```
#6176fd rgb(97,118,253)
```
#7587fd
```
#7587fd rgb(117,135,253)
```
#8898fd
```
#8898fd rgb(136,152,253)
```
#9ba8fe
```
#9ba8fe rgb(155,168,254)
```
#afb9fe
```
#afb9fe rgb(175,185,254)
```
#c2cafe
```
#c2cafe rgb(194,202,254)
```
#d5dbfe
```
#d5dbfe rgb(213,219,254)
```
#e9ecff
```
#e9ecff rgb(233,236,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494a51 is the less saturated color, while #021698 is the most saturated one.

#494a51
```
#494a51 rgb(73,74,81)
```
#434657
```
#434657 rgb(67,70,87)
```
#3d415d
```
#3d415d rgb(61,65,93)
```
#373d63
```
#373d63 rgb(55,61,99)
```
#313969
```
#313969 rgb(49,57,105)
```
#2b346f
```
#2b346f rgb(43,52,111)
```
#263074
```
#263074 rgb(38,48,116)
```
#202c7a
```
#202c7a rgb(32,44,122)
```
#1a2780
```
#1a2780 rgb(26,39,128)
```
#142386
```
#142386 rgb(20,35,134)
```
#0e1f8c
```
#0e1f8c rgb(14,31,140)
```
#081a92
```
#081a92 rgb(8,26,146)
```
#021698
```
#021698 rgb(2,22,152)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#191d37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386d Protanopia 1% of men
#003b5e Deuteranopia 1% of men
#003f42 Tritanopia 0.001% of the population

Trichromacy

#002b7c Protanomaly 1% of men, 0.01% of women
#002d73 Deuteranomaly 6% of men, 0.4% of women
#003061 Tritanomaly 0.01% of the population

#021698 hex color

#021698 Color Information

#021698 Color Conversion

Color Schemes with #021698

Alternatives to #021698

#021698 Preview

Shades and Tints of #021698

Tones of #021698

Color Blindness Simulator