#2074fd hex color

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

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

● #2074fd color description : Vivid blue.

The hexadecimal color #2074fd has RGB values of R:32, G:116, B:253 and CMYK values of C:0.87, M:0.54, Y:0, K:0.01. Its decimal value is 2127101.

Hex triplet	2074fd	`#2074fd`
RGB Decimal	32, 116, 253	`rgb(32,116,253)`
RGB Percent	12.5, 45.5, 99.2	`rgb(12.5%,45.5%,99.2%)`
CMYK	87, 54, 0, 1
HSL	217.2°, 98.2, 55.9	`hsl(217.2,98.2%,55.9%)`
HSV (or HSB)	217.2°, 87.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.71, 26.645, -74.682
XYZ	24.567, 19.888, 95.467
xyY	0.176, 0.142, 19.888
CIE-LCH	51.71, 79.293, 289.635
CIE-LUV	51.71, -24.574, -117.349
Hunter-Lab	44.596, 20.29, -95.707
Binary	00100000, 01110100, 11111101

#2074fd
```
#2074fd rgb(32,116,253)
```
#fda920
```
#fda920 rgb(253,169,32)
```

Complementary Color

#20e3fd
```
#20e3fd rgb(32,227,253)
```
#2074fd
```
#2074fd rgb(32,116,253)
```
#3a20fd
```
#3a20fd rgb(58,32,253)
```

Analogous Color

#e3fd20
```
#e3fd20 rgb(227,253,32)
```
#2074fd
```
#2074fd rgb(32,116,253)
```
#fd3a20
```
#fd3a20 rgb(253,58,32)
```

Split Complementary Color

#74fd20
```
#74fd20 rgb(116,253,32)
```
#2074fd
```
#2074fd rgb(32,116,253)
```
#fd2074
```
#fd2074 rgb(253,32,116)
```

Triadic Color

#20fda9
```
#20fda9 rgb(32,253,169)
```
#2074fd
```
#2074fd rgb(32,116,253)
```
#fd2074
```
#fd2074 rgb(253,32,116)
```
#fda920
```
#fda920 rgb(253,169,32)
```

Tetradic Color

#0250cf
```
#0250cf rgb(2,80,207)
```
#0259e8
```
#0259e8 rgb(2,89,232)
```
#0764fd
```
#0764fd rgb(7,100,253)
```
#2074fd
```
#2074fd rgb(32,116,253)
```
#3984fd
```
#3984fd rgb(57,132,253)
```
#5394fd
```
#5394fd rgb(83,148,253)
```
#6ca3fe
```
#6ca3fe rgb(108,163,254)
```

Monochromatic Color

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

#20abfd
```
#20abfd rgb(32,171,253)
```
#2099fd
```
#2099fd rgb(32,153,253)
```
#2086fd
```
#2086fd rgb(32,134,253)
```
#2074fd
```
#2074fd rgb(32,116,253)
```
#2062fd
```
#2062fd rgb(32,98,253)
```
#204ffd
```
#204ffd rgb(32,79,253)
```
#203dfd
```
#203dfd rgb(32,61,253)
```

Similar Colors

Text with hexadecimal color #2074fd

This text has a font color of #2074fd.

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

#2074fd background color

This paragraph has a background color of #2074fd.

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

#2074fd border color

This element has a border color of #2074fd.

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

CSS codes

.text {color:#2074fd;}

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

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

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

#00040a
```
#00040a rgb(0,4,10)
```
#000b1e
```
#000b1e rgb(0,11,30)
```
#001331
```
#001331 rgb(0,19,49)
```
#011a45
```
#011a45 rgb(1,26,69)
```
#012258
```
#012258 rgb(1,34,88)
```
#01296b
```
#01296b rgb(1,41,107)
```
#01317f
```
#01317f rgb(1,49,127)
```
#013892
```
#013892 rgb(1,56,146)
```
#0140a6
```
#0140a6 rgb(1,64,166)
```
#0247b9
```
#0247b9 rgb(2,71,185)
```
#024fcd
```
#024fcd rgb(2,79,205)
```
#0256e0
```
#0256e0 rgb(2,86,224)
```
#025ef4
```
#025ef4 rgb(2,94,244)
```

Shade Color Variation

#0d68fd
```
#0d68fd rgb(13,104,253)
```
#2074fd
```
#2074fd rgb(32,116,253)
```
#3380fd
```
#3380fd rgb(51,128,253)
```
#478cfd
```
#478cfd rgb(71,140,253)
```
#5a98fe
```
#5a98fe rgb(90,152,254)
```
#6ea4fe
```
#6ea4fe rgb(110,164,254)
```
#81b1fe
```
#81b1fe rgb(129,177,254)
```
#95bdfe
```
#95bdfe rgb(149,189,254)
```
#a8c9fe
```
#a8c9fe rgb(168,201,254)
```
#bcd5fe
```
#bcd5fe rgb(188,213,254)
```
#cfe1ff
```
#cfe1ff rgb(207,225,255)
```
#e2edff
```
#e2edff rgb(226,237,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#888d95
```
#888d95 rgb(136,141,149)
```
#7f8b9e
```
#7f8b9e rgb(127,139,158)
```
#7789a6
```
#7789a6 rgb(119,137,166)
```
#6e87af
```
#6e87af rgb(110,135,175)
```
#6585b8
```
#6585b8 rgb(101,133,184)
```
#5d83c0
```
#5d83c0 rgb(93,131,192)
```
#5480c9
```
#5480c9 rgb(84,128,201)
```
#4b7ed2
```
#4b7ed2 rgb(75,126,210)
```
#437cda
```
#437cda rgb(67,124,218)
```
#3a7ae3
```
#3a7ae3 rgb(58,122,227)
```
#3178ec
```
#3178ec rgb(49,120,236)
```
#2976f4
```
#2976f4 rgb(41,118,244)
```
#2074fd
```
#2074fd rgb(32,116,253)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5c6d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef7 Protanopia 1% of men
#0085d8 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#0b7af9 Protanomaly 1% of men, 0.01% of women
#0b7ee5 Deuteranomaly 6% of men, 0.4% of women
#0b85bb Tritanomaly 0.01% of the population

#2074fd hex color

#2074fd Color Information

#2074fd Color Conversion

Color Schemes with #2074fd

Alternatives to #2074fd

#2074fd Preview

Shades and Tints of #2074fd

Tones of #2074fd

Color Blindness Simulator