#021684 Color Information
In a RGB color space, hex #021684 is composed of 0.8% red, 8.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 83.3% magenta, 0% yellow and 48.2% black. It has a hue angle of 230.8 degrees, a saturation of 97% and a lightness of 26.3%. #021684 color hex could be obtained by blending #042cff with #000009. Closest websafe color is: #000099.
-
- R 1
- G 9
- B 52
-
- C 98
- M 83
- Y 0
- K 48
● #021684 color description : Dark blue.
#021684 Color Conversion
The hexadecimal color #021684 has RGB values of R:2, G:22, B:132 and CMYK values of C:0.98, M:0.83, Y:0, K:0.48. Its decimal value is 136836.
Hex triplet | 021684 | #021684 |
---|---|---|
RGB Decimal | 2, 22, 132 | rgb(2,22,132) |
RGB Percent | 0.8, 8.6, 51.8 | rgb(0.8%,8.6%,51.8%) |
CMYK | 98, 83, 0, 48 | |
HSL | 230.8°, 97, 26.3 | hsl(230.8,97%,26.3%) |
HSV (or HSB) | 230.8°, 98.5, 51.8 | |
Web Safe | 000099 | #000099 |
CIE-LAB | 16.759, 39.355, -60.926 |
---|---|
XYZ | 4.476, 2.252, 22.027 |
xyY | 0.156, 0.078, 2.252 |
CIE-LCH | 16.759, 72.532, 302.86 |
CIE-LUV | 16.759, -5.72, -59.711 |
Hunter-Lab | 15.008, 26.973, -76.517 |
Binary | 00000010, 00010110, 10000100 |
Color Schemes with #021684
Alternatives to #021684
Below, you can see some colors close to #021684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#021684 Preview
This text has a font color of #021684.
<span style="color:#021684;">Text here</span>
This paragraph has a background color of #021684.
<p style="background-color:#021684;">Content here</p>
This element has a border color of #021684.
<div style="border:1px solid #021684;">Content here</div>
.text {color:#021684;}
.background {background-color:#021684;}
.border {border:1px solid #021684;}
Shades and Tints of #021684
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, #000310 is the darkest color, while #fcfcff is the lightest one.
-
#000310
#000310
rgb(0,3,16)
-
#010623
#010623
rgb(1,6,35)
-
#010937
#010937
rgb(1,9,55)
-
#010c4a
#010c4a
rgb(1,12,74)
-
#01105d
#01105d
rgb(1,16,93)
-
#021371
#021371
rgb(2,19,113)
-
#021684
#021684
rgb(2,22,132)
-
#021997
#021997
rgb(2,25,151)
-
#031cab
#031cab
rgb(3,28,171)
-
#0320be
#0320be
rgb(3,32,190)
-
#0323d1
#0323d1
rgb(3,35,209)
-
#0326e5
#0326e5
rgb(3,38,229)
-
#0429f8
#0429f8
rgb(4,41,248)
-
#1437fb
#1437fb
rgb(20,55,251)
-
#2748fc
#2748fc
rgb(39,72,252)
-
#3b58fc
#3b58fc
rgb(59,88,252)
-
#4e69fc
#4e69fc
rgb(78,105,252)
-
#6179fd
#6179fd
rgb(97,121,253)
-
#7489fd
#7489fd
rgb(116,137,253)
-
#889afd
#889afd
rgb(136,154,253)
-
#9baafd
#9baafd
rgb(155,170,253)
-
#aebbfe
#aebbfe
rgb(174,187,254)
-
#c2cbfe
#c2cbfe
rgb(194,203,254)
-
#d5dbfe
#d5dbfe
rgb(213,219,254)
-
#e8ecff
#e8ecff
rgb(232,236,255)
-
#fcfcff
#fcfcff
rgb(252,252,255)
Tones of #021684
A tone is produced by adding gray to any pure hue. In this case, #404146 is the less saturated color, while #021684 is the most saturated one.
-
#404146
#404146
rgb(64,65,70)
-
#3b3d4b
#3b3d4b
rgb(59,61,75)
-
#363a50
#363a50
rgb(54,58,80)
-
#303656
#303656
rgb(48,54,86)
-
#2b335b
#2b335b
rgb(43,51,91)
-
#262f60
#262f60
rgb(38,47,96)
-
#212b65
#212b65
rgb(33,43,101)
-
#1c286a
#1c286a
rgb(28,40,106)
-
#17246f
#17246f
rgb(23,36,111)
-
#112175
#112175
rgb(17,33,117)
-
#0c1d7a
#0c1d7a
rgb(12,29,122)
-
#071a7f
#071a7f
rgb(7,26,127)
-
#021684
#021684
rgb(2,22,132)
Color Blindness Simulator
Below, you can see how #021684 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.