#020ccf hex color

In a RGB color space, hex #020ccf is composed of 0.8% red, 4.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 94.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 237.1 degrees, a saturation of 98.1% and a lightness of 41%. #020ccf color hex could be obtained by blending #0418ff with #00009f. Closest websafe color is: #0000cc.

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

● #020ccf color description : Strong blue.

The hexadecimal color #020ccf has RGB values of R:2, G:12, B:207 and CMYK values of C:0.99, M:0.94, Y:0, K:0.19. Its decimal value is 134351.

Hex triplet	020ccf	`#020ccf`
RGB Decimal	2, 12, 207	`rgb(2,12,207)`
RGB Percent	0.8, 4.7, 81.2	`rgb(0.8%,4.7%,81.2%)`
CMYK	99, 94, 0, 19
HSL	237.1°, 98.1, 41	`hsl(237.1,98.1%,41%)`
HSV (or HSB)	237.1°, 99, 81.2
Web Safe	0000cc	`#0000cc`

CIE-LAB	26.098, 65.243, -90.79
XYZ	11.417, 4.78, 59.349
xyY	0.151, 0.063, 4.78
CIE-LCH	26.098, 111.801, 305.701
CIE-LUV	26.098, -7.796, -103.01
Hunter-Lab	21.863, 54.951, -145.643
Binary	00000010, 00001100, 11001111

#020ccf
```
#020ccf rgb(2,12,207)
```
#cfc502
```
#cfc502 rgb(207,197,2)
```

Complementary Color

#0273cf
```
#0273cf rgb(2,115,207)
```
#020ccf
```
#020ccf rgb(2,12,207)
```
#5f02cf
```
#5f02cf rgb(95,2,207)
```

Analogous Color

#73cf02
```
#73cf02 rgb(115,207,2)
```
#020ccf
```
#020ccf rgb(2,12,207)
```
#cf5f02
```
#cf5f02 rgb(207,95,2)
```

Split Complementary Color

#0ccf02
```
#0ccf02 rgb(12,207,2)
```
#020ccf
```
#020ccf rgb(2,12,207)
```
#cf020c
```
#cf020c rgb(207,2,12)
```

Triadic Color

#02cfc5
```
#02cfc5 rgb(2,207,197)
```
#020ccf
```
#020ccf rgb(2,12,207)
```
#cf020c
```
#cf020c rgb(207,2,12)
```
#cfc502
```
#cfc502 rgb(207,197,2)
```

Tetradic Color

#010883
```
#010883 rgb(1,8,131)
```
#02099c
```
#02099c rgb(2,9,156)
```
#020bb6
```
#020bb6 rgb(2,11,182)
```
#020ccf
```
#020ccf rgb(2,12,207)
```
#020de8
```
#020de8 rgb(2,13,232)
```
#0713fd
```
#0713fd rgb(7,19,253)
```
#212bfd
```
#212bfd rgb(33,43,253)
```

Monochromatic Color

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

#023fcf
```
#023fcf rgb(2,63,207)
```
#022ecf
```
#022ecf rgb(2,46,207)
```
#021dcf
```
#021dcf rgb(2,29,207)
```
#020ccf
```
#020ccf rgb(2,12,207)
```
#0902cf
```
#0902cf rgb(9,2,207)
```
#1a02cf
```
#1a02cf rgb(26,2,207)
```
#2b02cf
```
#2b02cf rgb(43,2,207)
```

Similar Colors

Text with hexadecimal color #020ccf

This text has a font color of #020ccf.

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

#020ccf background color

This paragraph has a background color of #020ccf.

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

#020ccf border color

This element has a border color of #020ccf.

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

CSS codes

.text {color:#020ccf;}

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

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

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, #00010d is the darkest color, while #f8f9ff is the lightest one.

#00010d
```
#00010d rgb(0,1,13)
```
#000220
```
#000220 rgb(0,2,32)
```
#000334
```
#000334 rgb(0,3,52)
```
#010447
```
#010447 rgb(1,4,71)
```
#01055a
```
#01055a rgb(1,5,90)
```
#01066e
```
#01066e rgb(1,6,110)
```
#010781
```
#010781 rgb(1,7,129)
```
#010995
```
#010995 rgb(1,9,149)
```
#020aa8
```
#020aa8 rgb(2,10,168)
```
#020bbc
```
#020bbc rgb(2,11,188)
```
#020ccf
```
#020ccf rgb(2,12,207)
```
#020de2
```
#020de2 rgb(2,13,226)
```
#020ef6
```
#020ef6 rgb(2,14,246)
```

Shade Color Variation

#0f1bfd
```
#0f1bfd rgb(15,27,253)
```
#232dfd
```
#232dfd rgb(35,45,253)
```
#3640fd
```
#3640fd rgb(54,64,253)
```
#4952fd
```
#4952fd rgb(73,82,253)
```
#5d65fd
```
#5d65fd rgb(93,101,253)
```
#7077fe
```
#7077fe rgb(112,119,254)
```
#848afe
```
#848afe rgb(132,138,254)
```
#979cfe
```
#979cfe rgb(151,156,254)
```
#abaffe
```
#abaffe rgb(171,175,254)
```
#bec1fe
```
#bec1fe rgb(190,193,254)
```
#d1d4ff
```
#d1d4ff rgb(209,212,255)
```
#e5e6ff
```
#e5e6ff rgb(229,230,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#62636f
```
#62636f rgb(98,99,111)
```
#5a5c77
```
#5a5c77 rgb(90,92,119)
```
#52557f
```
#52557f rgb(82,85,127)
```
#4a4d87
```
#4a4d87 rgb(74,77,135)
```
#42468f
```
#42468f rgb(66,70,143)
```
#3a3f97
```
#3a3f97 rgb(58,63,151)
```
#32389f
```
#32389f rgb(50,56,159)
```
#2a30a7
```
#2a30a7 rgb(42,48,167)
```
#2229af
```
#2229af rgb(34,41,175)
```
#1a22b7
```
#1a22b7 rgb(26,34,183)
```
#121bbf
```
#121bbf rgb(18,27,191)
```
#0a13c7
```
#0a13c7 rgb(10,19,199)
```
#020ccf
```
#020ccf rgb(2,12,207)
```

Tone Color Variation

Below, you can see how #020ccf 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
#191b42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004a74 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#0030a1 Protanomaly 1% of men, 0.01% of women
#003395 Deuteranomaly 6% of men, 0.4% of women
#00367f Tritanomaly 0.01% of the population

#020ccf hex color

#020ccf Color Information

#020ccf Color Conversion

Color Schemes with #020ccf

Alternatives to #020ccf

#020ccf Preview

Shades and Tints of #020ccf

Tones of #020ccf

Color Blindness Simulator