#2076f2 hex color

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

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

● #2076f2 color description : Vivid blue.

The hexadecimal color #2076f2 has RGB values of R:32, G:118, B:242 and CMYK values of C:0.87, M:0.51, Y:0, K:0.05. Its decimal value is 2127602.

Hex triplet	2076f2	`#2076f2`
RGB Decimal	32, 118, 242	`rgb(32,118,242)`
RGB Percent	12.5, 46.3, 94.9	`rgb(12.5%,46.3%,94.9%)`
CMYK	87, 51, 0, 5
HSL	215.4°, 89, 53.7	`hsl(215.4,89%,53.7%)`
HSV (or HSB)	215.4°, 86.8, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.465, 21.219, -68.969
XYZ	23.098, 19.673, 86.579
xyY	0.179, 0.152, 19.673
CIE-LCH	51.465, 72.159, 287.101
CIE-LUV	51.465, -25.407, -108.369
Hunter-Lab	44.354, 15.335, -84.687
Binary	00100000, 01110110, 11110010

#2076f2
```
#2076f2 rgb(32,118,242)
```
#f29c20
```
#f29c20 rgb(242,156,32)
```

Complementary Color

#20dff2
```
#20dff2 rgb(32,223,242)
```
#2076f2
```
#2076f2 rgb(32,118,242)
```
#3320f2
```
#3320f2 rgb(51,32,242)
```

Analogous Color

#dff220
```
#dff220 rgb(223,242,32)
```
#2076f2
```
#2076f2 rgb(32,118,242)
```
#f23320
```
#f23320 rgb(242,51,32)
```

Split Complementary Color

#76f220
```
#76f220 rgb(118,242,32)
```
#2076f2
```
#2076f2 rgb(32,118,242)
```
#f22076
```
#f22076 rgb(242,32,118)
```

Triadic Color

#20f29c
```
#20f29c rgb(32,242,156)
```
#2076f2
```
#2076f2 rgb(32,118,242)
```
#f22076
```
#f22076 rgb(242,32,118)
```
#f29c20
```
#f29c20 rgb(242,156,32)
```

Tetradic Color

#0b53bb
```
#0b53bb rgb(11,83,187)
```
#0c5ed3
```
#0c5ed3 rgb(12,94,211)
```
#0e68eb
```
#0e68eb rgb(14,104,235)
```
#2076f2
```
#2076f2 rgb(32,118,242)
```
#3885f3
```
#3885f3 rgb(56,133,243)
```
#5094f5
```
#5094f5 rgb(80,148,245)
```
#68a2f6
```
#68a2f6 rgb(104,162,246)
```

Monochromatic Color

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

#20abf2
```
#20abf2 rgb(32,171,242)
```
#2099f2
```
#2099f2 rgb(32,153,242)
```
#2088f2
```
#2088f2 rgb(32,136,242)
```
#2076f2
```
#2076f2 rgb(32,118,242)
```
#2065f2
```
#2065f2 rgb(32,101,242)
```
#2053f2
```
#2053f2 rgb(32,83,242)
```
#2042f2
```
#2042f2 rgb(32,66,242)
```

Similar Colors

Text with hexadecimal color #2076f2

This text has a font color of #2076f2.

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

#2076f2 background color

This paragraph has a background color of #2076f2.

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

#2076f2 border color

This element has a border color of #2076f2.

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

CSS codes

.text {color:#2076f2;}

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

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

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

#010812
```
#010812 rgb(1,8,18)
```
#021024
```
#021024 rgb(2,16,36)
```
#031837
```
#031837 rgb(3,24,55)
```
#04214a
```
#04214a rgb(4,33,74)
```
#05295c
```
#05295c rgb(5,41,92)
```
#06316f
```
#06316f rgb(6,49,111)
```
#083981
```
#083981 rgb(8,57,129)
```
#094294
```
#094294 rgb(9,66,148)
```
#0a4aa6
```
#0a4aa6 rgb(10,74,166)
```
#0b52b9
```
#0b52b9 rgb(11,82,185)
```
#0c5acb
```
#0c5acb rgb(12,90,203)
```
#0d62de
```
#0d62de rgb(13,98,222)
```
#0e6bf0
```
#0e6bf0 rgb(14,107,240)
```

Shade Color Variation

#2076f2
```
#2076f2 rgb(32,118,242)
```
#3381f3
```
#3381f3 rgb(51,129,243)
```
#458df4
```
#458df4 rgb(69,141,244)
```
#5898f5
```
#5898f5 rgb(88,152,245)
```
#6aa4f6
```
#6aa4f6 rgb(106,164,246)
```
#7daff7
```
#7daff7 rgb(125,175,247)
```
#8fbaf8
```
#8fbaf8 rgb(143,186,248)
```
#a2c6fa
```
#a2c6fa rgb(162,198,250)
```
#b4d1fb
```
#b4d1fb rgb(180,209,251)
```
#c7dcfc
```
#c7dcfc rgb(199,220,252)
```
#d9e8fd
```
#d9e8fd rgb(217,232,253)
```
#ecf3fe
```
#ecf3fe rgb(236,243,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#84888e
```
#84888e rgb(132,136,142)
```
#7b8697
```
#7b8697 rgb(123,134,151)
```
#7285a0
```
#7285a0 rgb(114,133,160)
```
#6983a9
```
#6983a9 rgb(105,131,169)
```
#6081b2
```
#6081b2 rgb(96,129,178)
```
#5680bc
```
#5680bc rgb(86,128,188)
```
#4d7ec5
```
#4d7ec5 rgb(77,126,197)
```
#447dce
```
#447dce rgb(68,125,206)
```
#3b7bd7
```
#3b7bd7 rgb(59,123,215)
```
#3279e0
```
#3279e0 rgb(50,121,224)
```
#2978e9
```
#2978e9 rgb(41,120,233)
```
#2076f2
```
#2076f2 rgb(32,118,242)
```
#1774fb
```
#1774fb rgb(23,116,251)
```

Tone Color Variation

Below, you can see how #2076f2 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

#6a6a6a Achromatopsia 0.005% of the population
#5b6c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#237df3 Protanopia 1% of men
#0084d8 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#217af2 Protanomaly 1% of men, 0.01% of women
#0b7fe1 Deuteranomaly 6% of men, 0.4% of women
#0b85b7 Tritanomaly 0.01% of the population

#2076f2 hex color

#2076f2 Color Information

#2076f2 Color Conversion

Color Schemes with #2076f2

Alternatives to #2076f2

#2076f2 Preview

Shades and Tints of #2076f2

Tones of #2076f2

Color Blindness Simulator