#0020f7 hex color

In a RGB color space, hex #0020f7 is composed of 0% red, 12.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 87% magenta, 0% yellow and 3.1% black. It has a hue angle of 232.2 degrees, a saturation of 100% and a lightness of 48.4%. #0020f7 color hex could be obtained by blending #0040ff with #0000ef. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 0
- G 13
- B 97
RGB color chart
- C 100
- M 87
- Y 0
- K 3
CMYK color chart

● #0020f7 color description : Pure (or mostly pure) blue.

The hexadecimal color #0020f7 has RGB values of R:0, G:32, B:247 and CMYK values of C:1, M:0.87, Y:0, K:0.03. Its decimal value is 8439.

Hex triplet	0020f7	`#0020f7`
RGB Decimal	0, 32, 247	`rgb(0,32,247)`
RGB Percent	0, 12.5, 96.9	`rgb(0%,12.5%,96.9%)`
CMYK	100, 87, 0, 3
HSL	232.2°, 100, 48.4	`hsl(232.2,100%,48.4%)`
HSV (or HSB)	232.2°, 100, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.45, 70.221, -101.441
XYZ	17.302, 7.747, 88.574
xyY	0.152, 0.068, 7.747
CIE-LCH	33.45, 123.375, 304.692
CIE-LUV	33.45, -10.649, -127.713
Hunter-Lab	27.833, 62.249, -169.194
Binary	00000000, 00100000, 11110111

#0020f7
```
#0020f7 rgb(0,32,247)
```
#f7d700
```
#f7d700 rgb(247,215,0)
```

Complementary Color

#009cf7
```
#009cf7 rgb(0,156,247)
```
#0020f7
```
#0020f7 rgb(0,32,247)
```
#5b00f7
```
#5b00f7 rgb(91,0,247)
```

Analogous Color

#9cf700
```
#9cf700 rgb(156,247,0)
```
#0020f7
```
#0020f7 rgb(0,32,247)
```
#f75b00
```
#f75b00 rgb(247,91,0)
```

Split Complementary Color

#20f700
```
#20f700 rgb(32,247,0)
```
#0020f7
```
#0020f7 rgb(0,32,247)
```
#f70020
```
#f70020 rgb(247,0,32)
```

Triadic Color

#00f7d7
```
#00f7d7 rgb(0,247,215)
```
#0020f7
```
#0020f7 rgb(0,32,247)
```
#f70020
```
#f70020 rgb(247,0,32)
```
#f7d700
```
#f7d700 rgb(247,215,0)
```

Tetradic Color

#0016ab
```
#0016ab rgb(0,22,171)
```
#0019c4
```
#0019c4 rgb(0,25,196)
```
#001dde
```
#001dde rgb(0,29,222)
```
#0020f7
```
#0020f7 rgb(0,32,247)
```
#1230ff
```
#1230ff rgb(18,48,255)
```
#2b46ff
```
#2b46ff rgb(43,70,255)
```
#455dff
```
#455dff rgb(69,93,255)
```

Monochromatic Color

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

#005ef7
```
#005ef7 rgb(0,94,247)
```
#0049f7
```
#0049f7 rgb(0,73,247)
```
#0035f7
```
#0035f7 rgb(0,53,247)
```
#0020f7
```
#0020f7 rgb(0,32,247)
```
#000bf7
```
#000bf7 rgb(0,11,247)
```
#0900f7
```
#0900f7 rgb(9,0,247)
```
#1e00f7
```
#1e00f7 rgb(30,0,247)
```

Similar Colors

Text with hexadecimal color #0020f7

This text has a font color of #0020f7.

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

#0020f7 background color

This paragraph has a background color of #0020f7.

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

#0020f7 border color

This element has a border color of #0020f7.

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

CSS codes

.text {color:#0020f7;}

.background {background-color:#0020f7;}

.border {border:1px solid #0020f7;}

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

#00020c
```
#00020c rgb(0,2,12)
```
#00041f
```
#00041f rgb(0,4,31)
```
#000733
```
#000733 rgb(0,7,51)
```
#000946
```
#000946 rgb(0,9,70)
```
#000c5a
```
#000c5a rgb(0,12,90)
```
#000e6e
```
#000e6e rgb(0,14,110)
```
#001181
```
#001181 rgb(0,17,129)
```
#001395
```
#001395 rgb(0,19,149)
```
#0016a9
```
#0016a9 rgb(0,22,169)
```
#0018bc
```
#0018bc rgb(0,24,188)
```
#001bd0
```
#001bd0 rgb(0,27,208)
```
#001de3
```
#001de3 rgb(0,29,227)
```
#0020f7
```
#0020f7 rgb(0,32,247)
```

Shade Color Variation

#0c2bff
```
#0c2bff rgb(12,43,255)
```
#1f3cff
```
#1f3cff rgb(31,60,255)
```
#334dff
```
#334dff rgb(51,77,255)
```
#465eff
```
#465eff rgb(70,94,255)
```
#5a6fff
```
#5a6fff rgb(90,111,255)
```
#6e81ff
```
#6e81ff rgb(110,129,255)
```
#8192ff
```
#8192ff rgb(129,146,255)
```
#95a3ff
```
#95a3ff rgb(149,163,255)
```
#a9b4ff
```
#a9b4ff rgb(169,180,255)
```
#bcc5ff
```
#bcc5ff rgb(188,197,255)
```
#d0d6ff
```
#d0d6ff rgb(208,214,255)
```
#e3e7ff
```
#e3e7ff rgb(227,231,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#727485
```
#727485 rgb(114,116,133)
```
#696d8f
```
#696d8f rgb(105,109,143)
```
#5f6698
```
#5f6698 rgb(95,102,152)
```
#565fa2
```
#565fa2 rgb(86,95,162)
```
#4c58ab
```
#4c58ab rgb(76,88,171)
```
#4351b5
```
#4351b5 rgb(67,81,181)
```
#394abe
```
#394abe rgb(57,74,190)
```
#3043c8
```
#3043c8 rgb(48,67,200)
```
#263cd1
```
#263cd1 rgb(38,60,209)
```
#1d35db
```
#1d35db rgb(29,53,219)
```
#132ee4
```
#132ee4 rgb(19,46,228)
```
#0a27ee
```
#0a27ee rgb(10,39,238)
```
#0020f7
```
#0020f7 rgb(0,32,247)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#262c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0042c3 Protanomaly 1% of men, 0.01% of women
#0045b4 Deuteranomaly 6% of men, 0.4% of women
#004999 Tritanomaly 0.01% of the population

#0020f7 hex color

#0020f7 Color Information

#0020f7 Color Conversion

Color Schemes with #0020f7

Alternatives to #0020f7

#0020f7 Preview

Shades and Tints of #0020f7

Tones of #0020f7

Color Blindness Simulator