#2060fd hex color

In a RGB color space, hex #2060fd is composed of 12.5% red, 37.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 62.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 222.6 degrees, a saturation of 98.2% and a lightness of 55.9%. #2060fd color hex could be obtained by blending #40c0ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 38
- B 99
RGB color chart
- C 87
- M 62
- Y 0
- K 1
CMYK color chart

● #2060fd color description : Vivid blue.

The hexadecimal color #2060fd has RGB values of R:32, G:96, B:253 and CMYK values of C:0.87, M:0.62, Y:0, K:0.01. Its decimal value is 2121981.

Hex triplet	2060fd	`#2060fd`
RGB Decimal	32, 96, 253	`rgb(32,96,253)`
RGB Percent	12.5, 37.6, 99.2	`rgb(12.5%,37.6%,99.2%)`
CMYK	87, 62, 0, 1
HSL	222.6°, 98.2, 55.9	`hsl(222.6,98.2%,55.9%)`
HSV (or HSB)	222.6°, 87.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.662, 39.23, -82.925
XYZ	22.504, 15.763, 94.78
xyY	0.169, 0.118, 15.763
CIE-LCH	46.662, 91.736, 295.318
CIE-LUV	46.662, -19.501, -125.695
Hunter-Lab	39.702, 31.699, -113.748
Binary	00100000, 01100000, 11111101

#2060fd
```
#2060fd rgb(32,96,253)
```
#fdbd20
```
#fdbd20 rgb(253,189,32)
```

Complementary Color

#20cffd
```
#20cffd rgb(32,207,253)
```
#2060fd
```
#2060fd rgb(32,96,253)
```
#4e20fd
```
#4e20fd rgb(78,32,253)
```

Analogous Color

#cffd20
```
#cffd20 rgb(207,253,32)
```
#2060fd
```
#2060fd rgb(32,96,253)
```
#fd4e20
```
#fd4e20 rgb(253,78,32)
```

Split Complementary Color

#60fd20
```
#60fd20 rgb(96,253,32)
```
#2060fd
```
#2060fd rgb(32,96,253)
```
#fd2060
```
#fd2060 rgb(253,32,96)
```

Triadic Color

#20fdbd
```
#20fdbd rgb(32,253,189)
```
#2060fd
```
#2060fd rgb(32,96,253)
```
#fd2060
```
#fd2060 rgb(253,32,96)
```
#fdbd20
```
#fdbd20 rgb(253,189,32)
```

Tetradic Color

#023dcf
```
#023dcf rgb(2,61,207)
```
#0245e8
```
#0245e8 rgb(2,69,232)
```
#074efd
```
#074efd rgb(7,78,253)
```
#2060fd
```
#2060fd rgb(32,96,253)
```
#3972fd
```
#3972fd rgb(57,114,253)
```
#5384fd
```
#5384fd rgb(83,132,253)
```
#6c96fe
```
#6c96fe rgb(108,150,254)
```

Monochromatic Color

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

#2097fd
```
#2097fd rgb(32,151,253)
```
#2085fd
```
#2085fd rgb(32,133,253)
```
#2072fd
```
#2072fd rgb(32,114,253)
```
#2060fd
```
#2060fd rgb(32,96,253)
```
#204efd
```
#204efd rgb(32,78,253)
```
#203bfd
```
#203bfd rgb(32,59,253)
```
#2029fd
```
#2029fd rgb(32,41,253)
```

Similar Colors

Text with hexadecimal color #2060fd

This text has a font color of #2060fd.

<span style="color:#2060fd;">Text here</span>

#2060fd background color

This paragraph has a background color of #2060fd.

<p style="background-color:#2060fd;">Content here</p>

#2060fd border color

This element has a border color of #2060fd.

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

CSS codes

.text {color:#2060fd;}

.background {background-color:#2060fd;}

.border {border:1px solid #2060fd;}

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 #f6f8ff is the lightest one.

#00030a
```
#00030a rgb(0,3,10)
```
#00091e
```
#00091e rgb(0,9,30)
```
#000f31
```
#000f31 rgb(0,15,49)
```
#011445
```
#011445 rgb(1,20,69)
```
#011a58
```
#011a58 rgb(1,26,88)
```
#01206b
```
#01206b rgb(1,32,107)
```
#01267f
```
#01267f rgb(1,38,127)
```
#012b92
```
#012b92 rgb(1,43,146)
```
#0131a6
```
#0131a6 rgb(1,49,166)
```
#0237b9
```
#0237b9 rgb(2,55,185)
```
#023dcd
```
#023dcd rgb(2,61,205)
```
#0242e0
```
#0242e0 rgb(2,66,224)
```
#0248f4
```
#0248f4 rgb(2,72,244)
```

Shade Color Variation

#0d52fd
```
#0d52fd rgb(13,82,253)
```
#2060fd
```
#2060fd rgb(32,96,253)
```
#336efd
```
#336efd rgb(51,110,253)
```
#477cfd
```
#477cfd rgb(71,124,253)
```
#5a8afe
```
#5a8afe rgb(90,138,254)
```
#6e97fe
```
#6e97fe rgb(110,151,254)
```
#81a5fe
```
#81a5fe rgb(129,165,254)
```
#95b3fe
```
#95b3fe rgb(149,179,254)
```
#a8c1fe
```
#a8c1fe rgb(168,193,254)
```
#bccffe
```
#bccffe rgb(188,207,254)
```
#cfddff
```
#cfddff rgb(207,221,255)
```
#e2ebff
```
#e2ebff rgb(226,235,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c95 is the less saturated color, while #2060fd is the most saturated one.

#888c95
```
#888c95 rgb(136,140,149)
```
#7f889e
```
#7f889e rgb(127,136,158)
```
#7784a6
```
#7784a6 rgb(119,132,166)
```
#6e81af
```
#6e81af rgb(110,129,175)
```
#657db8
```
#657db8 rgb(101,125,184)
```
#5d79c0
```
#5d79c0 rgb(93,121,192)
```
#5476c9
```
#5476c9 rgb(84,118,201)
```
#4b72d2
```
#4b72d2 rgb(75,114,210)
```
#436fda
```
#436fda rgb(67,111,218)
```
#3a6be3
```
#3a6be3 rgb(58,107,227)
```
#3167ec
```
#3167ec rgb(49,103,236)
```
#2964f4
```
#2964f4 rgb(41,100,244)
```
#2060fd
```
#2060fd rgb(32,96,253)
```

Tone Color Variation

Below, you can see how #2060fd 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

#5f5f5f Achromatopsia 0.005% of the population
#525f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0079c2 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#0b6bea Protanomaly 1% of men, 0.01% of women
#0b70d7 Deuteranomaly 6% of men, 0.4% of women
#0b75b2 Tritanomaly 0.01% of the population

#2060fd hex color

#2060fd Color Information

#2060fd Color Conversion

Color Schemes with #2060fd

Alternatives to #2060fd

#2060fd Preview

Shades and Tints of #2060fd

Tones of #2060fd

Color Blindness Simulator