#2063f2 hex color

In a RGB color space, hex #2063f2 is composed of 12.5% red, 38.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 59.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 220.9 degrees, a saturation of 89% and a lightness of 53.7%. #2063f2 color hex could be obtained by blending #40c6ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 39
- B 95
RGB color chart
- C 87
- M 59
- Y 0
- K 5
CMYK color chart

● #2063f2 color description : Vivid blue.

The hexadecimal color #2063f2 has RGB values of R:32, G:99, B:242 and CMYK values of C:0.87, M:0.59, Y:0, K:0.05. Its decimal value is 2122738.

Hex triplet	2063f2	`#2063f2`
RGB Decimal	32, 99, 242	`rgb(32,99,242)`
RGB Percent	12.5, 38.8, 94.9	`rgb(12.5%,38.8%,94.9%)`
CMYK	87, 59, 0, 5
HSL	220.9°, 89, 53.7	`hsl(220.9,89%,53.7%)`
HSV (or HSB)	220.9°, 86.8, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.498, 33.27, -77.052
XYZ	21.081, 15.64, 85.907
xyY	0.172, 0.128, 15.64
CIE-LCH	46.498, 83.928, 293.354
CIE-LUV	46.498, -20.306, -117.37
Hunter-Lab	39.547, 25.944, -101.111
Binary	00100000, 01100011, 11110010

#2063f2
```
#2063f2 rgb(32,99,242)
```
#f2af20
```
#f2af20 rgb(242,175,32)
```

Complementary Color

#20ccf2
```
#20ccf2 rgb(32,204,242)
```
#2063f2
```
#2063f2 rgb(32,99,242)
```
#4620f2
```
#4620f2 rgb(70,32,242)
```

Analogous Color

#ccf220
```
#ccf220 rgb(204,242,32)
```
#2063f2
```
#2063f2 rgb(32,99,242)
```
#f24620
```
#f24620 rgb(242,70,32)
```

Split Complementary Color

#63f220
```
#63f220 rgb(99,242,32)
```
#2063f2
```
#2063f2 rgb(32,99,242)
```
#f22063
```
#f22063 rgb(242,32,99)
```

Triadic Color

#20f2af
```
#20f2af rgb(32,242,175)
```
#2063f2
```
#2063f2 rgb(32,99,242)
```
#f22063
```
#f22063 rgb(242,32,99)
```
#f2af20
```
#f2af20 rgb(242,175,32)
```

Tetradic Color

#0b43bb
```
#0b43bb rgb(11,67,187)
```
#0c4cd3
```
#0c4cd3 rgb(12,76,211)
```
#0e54eb
```
#0e54eb rgb(14,84,235)
```
#2063f2
```
#2063f2 rgb(32,99,242)
```
#3874f3
```
#3874f3 rgb(56,116,243)
```
#5085f5
```
#5085f5 rgb(80,133,245)
```
#6896f6
```
#6896f6 rgb(104,150,246)
```

Monochromatic Color

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

#2098f2
```
#2098f2 rgb(32,152,242)
```
#2086f2
```
#2086f2 rgb(32,134,242)
```
#2075f2
```
#2075f2 rgb(32,117,242)
```
#2063f2
```
#2063f2 rgb(32,99,242)
```
#2052f2
```
#2052f2 rgb(32,82,242)
```
#2040f2
```
#2040f2 rgb(32,64,242)
```
#202ff2
```
#202ff2 rgb(32,47,242)
```

Similar Colors

Text with hexadecimal color #2063f2

This text has a font color of #2063f2.

<span style="color:#2063f2;">Text here</span>

#2063f2 background color

This paragraph has a background color of #2063f2.

<p style="background-color:#2063f2;">Content here</p>

#2063f2 border color

This element has a border color of #2063f2.

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

CSS codes

.text {color:#2063f2;}

.background {background-color:#2063f2;}

.border {border:1px solid #2063f2;}

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

#010612
```
#010612 rgb(1,6,18)
```
#020d24
```
#020d24 rgb(2,13,36)
```
#031437
```
#031437 rgb(3,20,55)
```
#041a4a
```
#041a4a rgb(4,26,74)
```
#05215c
```
#05215c rgb(5,33,92)
```
#06286f
```
#06286f rgb(6,40,111)
```
#082e81
```
#082e81 rgb(8,46,129)
```
#093594
```
#093594 rgb(9,53,148)
```
#0a3ca6
```
#0a3ca6 rgb(10,60,166)
```
#0b42b9
```
#0b42b9 rgb(11,66,185)
```
#0c49cb
```
#0c49cb rgb(12,73,203)
```
#0d50de
```
#0d50de rgb(13,80,222)
```
#0e56f0
```
#0e56f0 rgb(14,86,240)
```

Shade Color Variation

#2063f2
```
#2063f2 rgb(32,99,242)
```
#3370f3
```
#3370f3 rgb(51,112,243)
```
#457df4
```
#457df4 rgb(69,125,244)
```
#588af5
```
#588af5 rgb(88,138,245)
```
#6a97f6
```
#6a97f6 rgb(106,151,246)
```
#7da4f7
```
#7da4f7 rgb(125,164,247)
```
#8fb1f8
```
#8fb1f8 rgb(143,177,248)
```
#a2befa
```
#a2befa rgb(162,190,250)
```
#b4cbfb
```
#b4cbfb rgb(180,203,251)
```
#c7d8fc
```
#c7d8fc rgb(199,216,252)
```
#d9e5fd
```
#d9e5fd rgb(217,229,253)
```
#ecf2fe
```
#ecf2fe rgb(236,242,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84878e is the less saturated color, while #1760fb is the most saturated one.

#84878e
```
#84878e rgb(132,135,142)
```
#7b8497
```
#7b8497 rgb(123,132,151)
```
#7281a0
```
#7281a0 rgb(114,129,160)
```
#697da9
```
#697da9 rgb(105,125,169)
```
#607ab2
```
#607ab2 rgb(96,122,178)
```
#5677bc
```
#5677bc rgb(86,119,188)
```
#4d73c5
```
#4d73c5 rgb(77,115,197)
```
#4470ce
```
#4470ce rgb(68,112,206)
```
#3b6dd7
```
#3b6dd7 rgb(59,109,215)
```
#326ae0
```
#326ae0 rgb(50,106,224)
```
#2966e9
```
#2966e9 rgb(41,102,233)
```
#2063f2
```
#2063f2 rgb(32,99,242)
```
#1760fb
```
#1760fb rgb(23,96,251)
```

Tone Color Variation

Below, you can see how #2063f2 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
#52607c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0b6ce6 Protanomaly 1% of men, 0.01% of women
#0b70d3 Deuteranomaly 6% of men, 0.4% of women
#0b76ae Tritanomaly 0.01% of the population

#2063f2 hex color

#2063f2 Color Information

#2063f2 Color Conversion

Color Schemes with #2063f2

Alternatives to #2063f2

#2063f2 Preview

Shades and Tints of #2063f2

Tones of #2063f2

Color Blindness Simulator