#021697 hex color

In a RGB color space, hex #021697 is composed of 0.8% red, 8.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 85.4% magenta, 0% yellow and 40.8% black. It has a hue angle of 231.9 degrees, a saturation of 97.4% and a lightness of 30%. #021697 color hex could be obtained by blending #042cff with #00002f. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 9
- B 59
RGB color chart
- C 99
- M 85
- Y 0
- K 41
CMYK color chart

● #021697 color description : Dark blue.

The hexadecimal color #021697 has RGB values of R:2, G:22, B:151 and CMYK values of C:0.99, M:0.85, Y:0, K:0.41. Its decimal value is 136855.

Hex triplet	021697	`#021697`
RGB Decimal	2, 22, 151	`rgb(2,22,151)`
RGB Percent	0.8, 8.6, 59.2	`rgb(0.8%,8.6%,59.2%)`
CMYK	99, 85, 0, 41
HSL	231.9°, 97.4, 30	`hsl(231.9,97.4%,30%)`
HSV (or HSB)	231.9°, 98.7, 59.2
Web Safe	000099	`#000099`

CIE-LAB	19.311, 45.736, -68.549
XYZ	5.897, 2.821, 29.51
xyY	0.154, 0.074, 2.821
CIE-LCH	19.311, 82.406, 303.711
CIE-LUV	19.311, -6.361, -70.964
Hunter-Lab	16.795, 33.282, -92.423
Binary	00000010, 00010110, 10010111

#021697
```
#021697 rgb(2,22,151)
```
#978302
```
#978302 rgb(151,131,2)
```

Complementary Color

#026197
```
#026197 rgb(2,97,151)
```
#021697
```
#021697 rgb(2,22,151)
```
#390297
```
#390297 rgb(57,2,151)
```

Analogous Color

#619702
```
#619702 rgb(97,151,2)
```
#021697
```
#021697 rgb(2,22,151)
```
#973802
```
#973802 rgb(151,56,2)
```

Split Complementary Color

#169702
```
#169702 rgb(22,151,2)
```
#021697
```
#021697 rgb(2,22,151)
```
#970216
```
#970216 rgb(151,2,22)
```

Triadic Color

#029783
```
#029783 rgb(2,151,131)
```
#021697
```
#021697 rgb(2,22,151)
```
#970216
```
#970216 rgb(151,2,22)
```
#978302
```
#978302 rgb(151,131,2)
```

Tetradic Color

#010b4c
```
#010b4c rgb(1,11,76)
```
#010f65
```
#010f65 rgb(1,15,101)
```
#02127e
```
#02127e rgb(2,18,126)
```
#021697
```
#021697 rgb(2,22,151)
```
#021ab0
```
#021ab0 rgb(2,26,176)
```
#031dc9
```
#031dc9 rgb(3,29,201)
```
#0321e3
```
#0321e3 rgb(3,33,227)
```

Monochromatic Color

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

#023b97
```
#023b97 rgb(2,59,151)
```
#022f97
```
#022f97 rgb(2,47,151)
```
#022297
```
#022297 rgb(2,34,151)
```
#021697
```
#021697 rgb(2,22,151)
```
#020a97
```
#020a97 rgb(2,10,151)
```
#070297
```
#070297 rgb(7,2,151)
```
#130297
```
#130297 rgb(19,2,151)
```

Similar Colors

Text with hexadecimal color #021697

This text has a font color of #021697.

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

#021697 background color

This paragraph has a background color of #021697.

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

#021697 border color

This element has a border color of #021697.

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

CSS codes

.text {color:#021697;}

.background {background-color:#021697;}

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

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

#00020f
```
#00020f rgb(0,2,15)
```
#000523
```
#000523 rgb(0,5,35)
```
#010836
```
#010836 rgb(1,8,54)
```
#010b4a
```
#010b4a rgb(1,11,74)
```
#010e5d
```
#010e5d rgb(1,14,93)
```
#011070
```
#011070 rgb(1,16,112)
```
#021384
```
#021384 rgb(2,19,132)
```
#021697
```
#021697 rgb(2,22,151)
```
#0219aa
```
#0219aa rgb(2,25,170)
```
#031cbe
```
#031cbe rgb(3,28,190)
```
#031ed1
```
#031ed1 rgb(3,30,209)
```
#0321e4
```
#0321e4 rgb(3,33,228)
```
#0324f8
```
#0324f8 rgb(3,36,248)
```

Shade Color Variation

#1332fc
```
#1332fc rgb(19,50,252)
```
#2643fc
```
#2643fc rgb(38,67,252)
```
#3a54fc
```
#3a54fc rgb(58,84,252)
```
#4d64fd
```
#4d64fd rgb(77,100,253)
```
#6075fd
```
#6075fd rgb(96,117,253)
```
#7486fd
```
#7486fd rgb(116,134,253)
```
#8797fd
```
#8797fd rgb(135,151,253)
```
#9aa8fe
```
#9aa8fe rgb(154,168,254)
```
#aeb8fe
```
#aeb8fe rgb(174,184,254)
```
#c1c9fe
```
#c1c9fe rgb(193,201,254)
```
#d4dafe
```
#d4dafe rgb(212,218,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#494a50
```
#494a50 rgb(73,74,80)
```
#434556
```
#434556 rgb(67,69,86)
```
#3d415c
```
#3d415c rgb(61,65,92)
```
#373d62
```
#373d62 rgb(55,61,98)
```
#313868
```
#313868 rgb(49,56,104)
```
#2b346e
```
#2b346e rgb(43,52,110)
```
#253074
```
#253074 rgb(37,48,116)
```
#1f2c7a
```
#1f2c7a rgb(31,44,122)
```
#1a277f
```
#1a277f rgb(26,39,127)
```
#142385
```
#142385 rgb(20,35,133)
```
#0e1f8b
```
#0e1f8b rgb(14,31,139)
```
#081a91
```
#081a91 rgb(8,26,145)
```
#021697
```
#021697 rgb(2,22,151)
```

Tone Color Variation

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

#00386c Protanopia 1% of men
#003b5d Deuteranopia 1% of men
#003f41 Tritanopia 0.001% of the population

Trichromacy

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

#021697 hex color

#021697 Color Information

#021697 Color Conversion

Color Schemes with #021697

Alternatives to #021697

#021697 Preview

Shades and Tints of #021697

Tones of #021697

Color Blindness Simulator