#2096fd hex color

In a RGB color space, hex #2096fd is composed of 12.5% red, 58.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 40.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 208 degrees, a saturation of 98.2% and a lightness of 55.9%. #2096fd color hex could be obtained by blending #40ffff with #002dfb. Closest websafe color is: #3399ff.

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

● #2096fd color description : Vivid blue.

The hexadecimal color #2096fd has RGB values of R:32, G:150, B:253 and CMYK values of C:0.87, M:0.41, Y:0, K:0.01. Its decimal value is 2135805.

Hex triplet	2096fd	`#2096fd`
RGB Decimal	32, 150, 253	`rgb(32,150,253)`
RGB Percent	12.5, 58.8, 99.2	`rgb(12.5%,58.8%,99.2%)`
CMYK	87, 41, 0, 1
HSL	208°, 98.2, 55.9	`hsl(208,98.2%,55.9%)`
HSV (or HSB)	208°, 87.4, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.966, 5.736, -59.757
XYZ	29.227, 29.209, 97.021
xyY	0.188, 0.188, 29.209
CIE-LCH	60.966, 60.031, 275.483
CIE-LUV	60.966, -34.628, -96.471
Hunter-Lab	54.045, 1.953, -68.604
Binary	00100000, 10010110, 11111101

#2096fd
```
#2096fd rgb(32,150,253)
```
#fd8720
```
#fd8720 rgb(253,135,32)
```

Complementary Color

#20fdf6
```
#20fdf6 rgb(32,253,246)
```
#2096fd
```
#2096fd rgb(32,150,253)
```
#2028fd
```
#2028fd rgb(32,40,253)
```

Analogous Color

#fdf620
```
#fdf620 rgb(253,246,32)
```
#2096fd
```
#2096fd rgb(32,150,253)
```
#fd2028
```
#fd2028 rgb(253,32,40)
```

Split Complementary Color

#96fd20
```
#96fd20 rgb(150,253,32)
```
#2096fd
```
#2096fd rgb(32,150,253)
```
#fd2096
```
#fd2096 rgb(253,32,150)
```

Triadic Color

#20fd87
```
#20fd87 rgb(32,253,135)
```
#2096fd
```
#2096fd rgb(32,150,253)
```
#fd2096
```
#fd2096 rgb(253,32,150)
```
#fd8720
```
#fd8720 rgb(253,135,32)
```

Tetradic Color

#026fcf
```
#026fcf rgb(2,111,207)
```
#027de8
```
#027de8 rgb(2,125,232)
```
#078afd
```
#078afd rgb(7,138,253)
```
#2096fd
```
#2096fd rgb(32,150,253)
```
#39a2fd
```
#39a2fd rgb(57,162,253)
```
#53aefd
```
#53aefd rgb(83,174,253)
```
#6cbafe
```
#6cbafe rgb(108,186,254)
```

Monochromatic Color

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

#20cdfd
```
#20cdfd rgb(32,205,253)
```
#20bbfd
```
#20bbfd rgb(32,187,253)
```
#20a8fd
```
#20a8fd rgb(32,168,253)
```
#2096fd
```
#2096fd rgb(32,150,253)
```
#2084fd
```
#2084fd rgb(32,132,253)
```
#2071fd
```
#2071fd rgb(32,113,253)
```
#205ffd
```
#205ffd rgb(32,95,253)
```

Similar Colors

Text with hexadecimal color #2096fd

This text has a font color of #2096fd.

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

#2096fd background color

This paragraph has a background color of #2096fd.

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

#2096fd border color

This element has a border color of #2096fd.

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

CSS codes

.text {color:#2096fd;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00101e
```
#00101e rgb(0,16,30)
```
#001a31
```
#001a31 rgb(0,26,49)
```
#012545
```
#012545 rgb(1,37,69)
```
#012f58
```
#012f58 rgb(1,47,88)
```
#013a6b
```
#013a6b rgb(1,58,107)
```
#01447f
```
#01447f rgb(1,68,127)
```
#014f92
```
#014f92 rgb(1,79,146)
```
#0159a6
```
#0159a6 rgb(1,89,166)
```
#0264b9
```
#0264b9 rgb(2,100,185)
```
#026ecd
```
#026ecd rgb(2,110,205)
```
#0279e0
```
#0279e0 rgb(2,121,224)
```
#0283f4
```
#0283f4 rgb(2,131,244)
```

Shade Color Variation

#0d8dfd
```
#0d8dfd rgb(13,141,253)
```
#2096fd
```
#2096fd rgb(32,150,253)
```
#339ffd
```
#339ffd rgb(51,159,253)
```
#47a8fd
```
#47a8fd rgb(71,168,253)
```
#5ab1fe
```
#5ab1fe rgb(90,177,254)
```
#6ebbfe
```
#6ebbfe rgb(110,187,254)
```
#81c4fe
```
#81c4fe rgb(129,196,254)
```
#95cdfe
```
#95cdfe rgb(149,205,254)
```
#a8d6fe
```
#a8d6fe rgb(168,214,254)
```
#bcdffe
```
#bcdffe rgb(188,223,254)
```
#cfe8ff
```
#cfe8ff rgb(207,232,255)
```
#e2f2ff
```
#e2f2ff rgb(226,242,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#888f95
```
#888f95 rgb(136,143,149)
```
#7f909e
```
#7f909e rgb(127,144,158)
```
#7790a6
```
#7790a6 rgb(119,144,166)
```
#6e91af
```
#6e91af rgb(110,145,175)
```
#6591b8
```
#6591b8 rgb(101,145,184)
```
#5d92c0
```
#5d92c0 rgb(93,146,192)
```
#5492c9
```
#5492c9 rgb(84,146,201)
```
#4b93d2
```
#4b93d2 rgb(75,147,210)
```
#4394da
```
#4394da rgb(67,148,218)
```
#3a94e3
```
#3a94e3 rgb(58,148,227)
```
#3195ec
```
#3195ec rgb(49,149,236)
```
#2995f4
```
#2995f4 rgb(41,149,244)
```
#2096fd
```
#2096fd rgb(32,150,253)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6b8397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a95f8 Protanopia 1% of men
#379afd Deuteranopia 1% of men
#00a7b2 Tritanopia 0.001% of the population

Trichromacy

#4f95f9 Protanomaly 1% of men, 0.01% of women
#2f98fd Deuteranomaly 6% of men, 0.4% of women
#0ba1cd Tritanomaly 0.01% of the population

#2096fd hex color

#2096fd Color Information

#2096fd Color Conversion

Color Schemes with #2096fd

Alternatives to #2096fd

#2096fd Preview

Shades and Tints of #2096fd

Tones of #2096fd

Color Blindness Simulator