#020c30 hex color

In a RGB color space, hex #020c30 is composed of 0.8% red, 4.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 95.8% cyan, 75% magenta, 0% yellow and 81.2% black. It has a hue angle of 227 degrees, a saturation of 92% and a lightness of 9.8%. #020c30 color hex could be obtained by blending #041860 with #000000. Closest websafe color is: #000033.

♥
- f
- t
- g
- R 1
- G 5
- B 19
RGB color chart
- C 96
- M 75
- Y 0
- K 81
CMYK color chart

● #020c30 color description : Very dark (mostly black) blue.

The hexadecimal color #020c30 has RGB values of R:2, G:12, B:48 and CMYK values of C:0.96, M:0.75, Y:0, K:0.81. Its decimal value is 134192.

Hex triplet	020c30	`#020c30`
RGB Decimal	2, 12, 48	`rgb(2,12,48)`
RGB Percent	0.8, 4.7, 18.8	`rgb(0.8%,4.7%,18.8%)`
CMYK	96, 75, 0, 81
HSL	227°, 92, 9.8	`hsl(227,92%,9.8%)`
HSV (or HSB)	227°, 95.8, 18.8
Web Safe	000033	`#000033`

CIE-LAB	4.419, 9.214, -24.207
XYZ	0.69, 0.489, 2.854
xyY	0.171, 0.121, 0.489
CIE-LCH	4.419, 25.901, 290.839
CIE-LUV	4.419, -1.81, -11.659
Hunter-Lab	6.994, 5.367, -19.299
Binary	00000010, 00001100, 00110000

#020c30
```
#020c30 rgb(2,12,48)
```
#302602
```
#302602 rgb(48,38,2)
```

Complementary Color

#022330
```
#022330 rgb(2,35,48)
```
#020c30
```
#020c30 rgb(2,12,48)
```
#0f0230
```
#0f0230 rgb(15,2,48)
```

Analogous Color

#233002
```
#233002 rgb(35,48,2)
```
#020c30
```
#020c30 rgb(2,12,48)
```
#300f02
```
#300f02 rgb(48,15,2)
```

Split Complementary Color

#0c3002
```
#0c3002 rgb(12,48,2)
```
#020c30
```
#020c30 rgb(2,12,48)
```
#30020c
```
#30020c rgb(48,2,12)
```

Triadic Color

#023026
```
#023026 rgb(2,48,38)
```
#020c30
```
#020c30 rgb(2,12,48)
```
#30020c
```
#30020c rgb(48,2,12)
```
#302602
```
#302602 rgb(48,38,2)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#010618
```
#010618 rgb(1,6,24)
```
#020c30
```
#020c30 rgb(2,12,48)
```
#031248
```
#031248 rgb(3,18,72)
```
#041861
```
#041861 rgb(4,24,97)
```
#051e79
```
#051e79 rgb(5,30,121)
```

Monochromatic Color

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

#021830
```
#021830 rgb(2,24,48)
```
#021430
```
#021430 rgb(2,20,48)
```
#021030
```
#021030 rgb(2,16,48)
```
#020c30
```
#020c30 rgb(2,12,48)
```
#020830
```
#020830 rgb(2,8,48)
```
#020430
```
#020430 rgb(2,4,48)
```
#030230
```
#030230 rgb(3,2,48)
```

Similar Colors

Text with hexadecimal color #020c30

This text has a font color of #020c30.

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

#020c30 background color

This paragraph has a background color of #020c30.

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

#020c30 border color

This element has a border color of #020c30.

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

CSS codes

.text {color:#020c30;}

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

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

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, #00030a is the darkest color, while #f7f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#01071d
```
#01071d rgb(1,7,29)
```
#020c30
```
#020c30 rgb(2,12,48)
```
#031143
```
#031143 rgb(3,17,67)
```
#041556
```
#041556 rgb(4,21,86)
```
#041a68
```
#041a68 rgb(4,26,104)
```
#051f7b
```
#051f7b rgb(5,31,123)
```
#06248e
```
#06248e rgb(6,36,142)
```
#0728a1
```
#0728a1 rgb(7,40,161)
```
#072db4
```
#072db4 rgb(7,45,180)
```
#0832c7
```
#0832c7 rgb(8,50,199)
```
#0936d9
```
#0936d9 rgb(9,54,217)
```
#0a3bec
```
#0a3bec rgb(10,59,236)
```

Shade Color Variation

#1545f5
```
#1545f5 rgb(21,69,245)
```
#2754f6
```
#2754f6 rgb(39,84,246)
```
#3a63f7
```
#3a63f7 rgb(58,99,247)
```
#4d72f8
```
#4d72f8 rgb(77,114,248)
```
#6081f8
```
#6081f8 rgb(96,129,248)
```
#7390f9
```
#7390f9 rgb(115,144,249)
```
#869ffa
```
#869ffa rgb(134,159,250)
```
#98aefb
```
#98aefb rgb(152,174,251)
```
#abbdfc
```
#abbdfc rgb(171,189,252)
```
#beccfc
```
#beccfc rgb(190,204,252)
```
#d1dafd
```
#d1dafd rgb(209,218,253)
```
#e4e9fe
```
#e4e9fe rgb(228,233,254)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #17181b is the less saturated color, while #000b32 is the most saturated one.

#17181b
```
#17181b rgb(23,24,27)
```
#15171d
```
#15171d rgb(21,23,29)
```
#13161f
```
#13161f rgb(19,22,31)
```
#111521
```
#111521 rgb(17,21,33)
```
#0f1423
```
#0f1423 rgb(15,20,35)
```
#0e1324
```
#0e1324 rgb(14,19,36)
```
#0c1126
```
#0c1126 rgb(12,17,38)
```
#0a1028
```
#0a1028 rgb(10,16,40)
```
#080f2a
```
#080f2a rgb(8,15,42)
```
#060e2c
```
#060e2c rgb(6,14,44)
```
#040d2e
```
#040d2e rgb(4,13,46)
```
#020c30
```
#020c30 rgb(2,12,48)
```
#000b32
```
#000b32 rgb(0,11,50)
```

Tone Color Variation

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

#0d0d0d Achromatopsia 0.005% of the population
#0b0d14 Atypical Achromatopsia 0.001% of the population

Dichromacy

#001a34 Protanopia 1% of men
#001c2d Deuteranopia 1% of men
#001e20 Tritanopia 0.001% of the population

Trichromacy

#001532 Protanomaly 1% of men, 0.01% of women
#00162e Deuteranomaly 6% of men, 0.4% of women
#001725 Tritanomaly 0.01% of the population

#020c30 hex color

#020c30 Color Information

#020c30 Color Conversion

Color Schemes with #020c30

Alternatives to #020c30

#020c30 Preview

Shades and Tints of #020c30

Tones of #020c30

Color Blindness Simulator