#020f63 hex color

In a RGB color space, hex #020f63 is composed of 0.8% red, 5.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 84.8% magenta, 0% yellow and 61.2% black. It has a hue angle of 232 degrees, a saturation of 96% and a lightness of 19.8%. #020f63 color hex could be obtained by blending #041ec6 with #000000. Closest websafe color is: #000066.

♥
- f
- t
- g
- R 1
- G 6
- B 39
RGB color chart
- C 98
- M 85
- Y 0
- K 61
CMYK color chart

● #020f63 color description : Very dark blue.

The hexadecimal color #020f63 has RGB values of R:2, G:15, B:99 and CMYK values of C:0.98, M:0.85, Y:0, K:0.61. Its decimal value is 135011.

Hex triplet	020f63	`#020f63`
RGB Decimal	2, 15, 99	`rgb(2,15,99)`
RGB Percent	0.8, 5.9, 38.8	`rgb(0.8%,5.9%,38.8%)`
CMYK	98, 85, 0, 61
HSL	232°, 96, 19.8	`hsl(232,96%,19.8%)`
HSV (or HSB)	232°, 98, 38.8
Web Safe	000066	`#000066`

CIE-LAB	10.959, 31.449, -49.187
XYZ	2.448, 1.255, 11.917
xyY	0.157, 0.08, 1.255
CIE-LCH	10.959, 58.382, 302.594
CIE-LUV	10.959, -3.727, -38.498
Hunter-Lab	11.204, 19.389, -55.223
Binary	00000010, 00001111, 01100011

#020f63
```
#020f63 rgb(2,15,99)
```
#635602
```
#635602 rgb(99,86,2)
```

Complementary Color

#024063
```
#024063 rgb(2,64,99)
```
#020f63
```
#020f63 rgb(2,15,99)
```
#260263
```
#260263 rgb(38,2,99)
```

Analogous Color

#406302
```
#406302 rgb(64,99,2)
```
#020f63
```
#020f63 rgb(2,15,99)
```
#632602
```
#632602 rgb(99,38,2)
```

Split Complementary Color

#0f6302
```
#0f6302 rgb(15,99,2)
```
#020f63
```
#020f63 rgb(2,15,99)
```
#63020f
```
#63020f rgb(99,2,15)
```

Triadic Color

#026356
```
#026356 rgb(2,99,86)
```
#020f63
```
#020f63 rgb(2,15,99)
```
#63020f
```
#63020f rgb(99,2,15)
```
#635602
```
#635602 rgb(99,86,2)
```

Tetradic Color

#000418
```
#000418 rgb(0,4,24)
```
#010731
```
#010731 rgb(1,7,49)
```
#010b4a
```
#010b4a rgb(1,11,74)
```
#020f63
```
#020f63 rgb(2,15,99)
```
#03137c
```
#03137c rgb(3,19,124)
```
#031795
```
#031795 rgb(3,23,149)
```
#041aae
```
#041aae rgb(4,26,174)
```

Monochromatic Color

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

#022763
```
#022763 rgb(2,39,99)
```
#021f63
```
#021f63 rgb(2,31,99)
```
#021763
```
#021763 rgb(2,23,99)
```
#020f63
```
#020f63 rgb(2,15,99)
```
#020763
```
#020763 rgb(2,7,99)
```
#050263
```
#050263 rgb(5,2,99)
```
#0d0263
```
#0d0263 rgb(13,2,99)
```

Similar Colors

Text with hexadecimal color #020f63

This text has a font color of #020f63.

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

#020f63 background color

This paragraph has a background color of #020f63.

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

#020f63 border color

This element has a border color of #020f63.

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

CSS codes

.text {color:#020f63;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000316
```
#000316 rgb(0,3,22)
```
#010629
```
#010629 rgb(1,6,41)
```
#01093d
```
#01093d rgb(1,9,61)
```
#020c50
```
#020c50 rgb(2,12,80)
```
#020f63
```
#020f63 rgb(2,15,99)
```
#021276
```
#021276 rgb(2,18,118)
```
#031589
```
#031589 rgb(3,21,137)
```
#03189d
```
#03189d rgb(3,24,157)
```
#041bb0
```
#041bb0 rgb(4,27,176)
```
#041ec3
```
#041ec3 rgb(4,30,195)
```
#0420d6
```
#0420d6 rgb(4,32,214)
```
#0523ea
```
#0523ea rgb(5,35,234)
```

Shade Color Variation

#0828fa
```
#0828fa rgb(8,40,250)
```
#1b39fa
```
#1b39fa rgb(27,57,250)
```
#2e4afb
```
#2e4afb rgb(46,74,251)
```
#425afb
```
#425afb rgb(66,90,251)
```
#556bfc
```
#556bfc rgb(85,107,252)
```
#687cfc
```
#687cfc rgb(104,124,252)
```
#7b8dfc
```
#7b8dfc rgb(123,141,252)
```
#8f9dfd
```
#8f9dfd rgb(143,157,253)
```
#a2aefd
```
#a2aefd rgb(162,174,253)
```
#b5bffe
```
#b5bffe rgb(181,191,254)
```
#c8cffe
```
#c8cffe rgb(200,207,254)
```
#dbe0fe
```
#dbe0fe rgb(219,224,254)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#313134
```
#313134 rgb(49,49,52)
```
#2d2e38
```
#2d2e38 rgb(45,46,56)
```
#292b3c
```
#292b3c rgb(41,43,60)
```
#252940
```
#252940 rgb(37,41,64)
```
#212644
```
#212644 rgb(33,38,68)
```
#1d2348
```
#1d2348 rgb(29,35,72)
```
#19204c
```
#19204c rgb(25,32,76)
```
#151d50
```
#151d50 rgb(21,29,80)
```
#121a53
```
#121a53 rgb(18,26,83)
```
#0e1857
```
#0e1857 rgb(14,24,87)
```
#0a155b
```
#0a155b rgb(10,21,91)
```
#06125f
```
#06125f rgb(6,18,95)
```
#020f63
```
#020f63 rgb(2,15,99)
```

Tone Color Variation

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

#151515 Achromatopsia 0.005% of the population
#111425 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00284d Protanopia 1% of men
#002a43 Deuteranopia 1% of men
#002d2f Tritanopia 0.001% of the population

Trichromacy

#001e55 Protanomaly 1% of men, 0.01% of women
#00204e Deuteranomaly 6% of men, 0.4% of women
#002242 Tritanomaly 0.01% of the population

#020f63 hex color

#020f63 Color Information

#020f63 Color Conversion

Color Schemes with #020f63

Alternatives to #020f63

#020f63 Preview

Shades and Tints of #020f63

Tones of #020f63

Color Blindness Simulator