#2c74ed hex color

In a RGB color space, hex #2c74ed is composed of 17.3% red, 45.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 51.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 217.6 degrees, a saturation of 84.3% and a lightness of 55.1%. #2c74ed color hex could be obtained by blending #58e8ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 45
- B 93
RGB color chart
- C 81
- M 51
- Y 0
- K 7
CMYK color chart

● #2c74ed color description : Bright blue.

The hexadecimal color #2c74ed has RGB values of R:44, G:116, B:237 and CMYK values of C:0.81, M:0.51, Y:0, K:0.07. Its decimal value is 2913517.

Hex triplet	2c74ed	`#2c74ed`
RGB Decimal	44, 116, 237	`rgb(44,116,237)`
RGB Percent	17.3, 45.5, 92.9	`rgb(17.3%,45.5%,92.9%)`
CMYK	81, 51, 0, 7
HSL	217.6°, 84.3, 55.1	`hsl(217.6,84.3%,55.1%)`
HSV (or HSB)	217.6°, 81.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.849, 21.466, -67.163
XYZ	22.567, 19.139, 82.621
xyY	0.182, 0.154, 19.139
CIE-LCH	50.849, 70.51, 287.724
CIE-LUV	50.849, -23.751, -105.353
Hunter-Lab	43.748, 15.518, -81.349
Binary	00101100, 01110100, 11101101

#2c74ed
```
#2c74ed rgb(44,116,237)
```
#eda52c
```
#eda52c rgb(237,165,44)
```

Complementary Color

#2cd5ed
```
#2cd5ed rgb(44,213,237)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#442ced
```
#442ced rgb(68,44,237)
```

Analogous Color

#d5ed2c
```
#d5ed2c rgb(213,237,44)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#ed442c
```
#ed442c rgb(237,68,44)
```

Split Complementary Color

#74ed2c
```
#74ed2c rgb(116,237,44)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#ed2c74
```
#ed2c74 rgb(237,44,116)
```

Triadic Color

#2ceda5
```
#2ceda5 rgb(44,237,165)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#ed2c74
```
#ed2c74 rgb(237,44,116)
```
#eda52c
```
#eda52c rgb(237,165,44)
```

Tetradic Color

#1050bc
```
#1050bc rgb(16,80,188)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#1565eb
```
#1565eb rgb(21,101,235)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#4383ef
```
#4383ef rgb(67,131,239)
```
#5b93f1
```
#5b93f1 rgb(91,147,241)
```
#72a2f3
```
#72a2f3 rgb(114,162,243)
```

Monochromatic Color

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

#2ca4ed
```
#2ca4ed rgb(44,164,237)
```
#2c94ed
```
#2c94ed rgb(44,148,237)
```
#2c84ed
```
#2c84ed rgb(44,132,237)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#2c64ed
```
#2c64ed rgb(44,100,237)
```
#2c54ed
```
#2c54ed rgb(44,84,237)
```
#2c44ed
```
#2c44ed rgb(44,68,237)
```

Similar Colors

Text with hexadecimal color #2c74ed

This text has a font color of #2c74ed.

<span style="color:#2c74ed;">Text here</span>

#2c74ed background color

This paragraph has a background color of #2c74ed.

<p style="background-color:#2c74ed;">Content here</p>

#2c74ed border color

This element has a border color of #2c74ed.

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

CSS codes

.text {color:#2c74ed;}

.background {background-color:#2c74ed;}

.border {border:1px solid #2c74ed;}

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

#010306
```
#010306 rgb(1,3,6)
```
#020a18
```
#020a18 rgb(2,10,24)
```
#04122a
```
#04122a rgb(4,18,42)
```
#051a3c
```
#051a3c rgb(5,26,60)
```
#07214e
```
#07214e rgb(7,33,78)
```
#082960
```
#082960 rgb(8,41,96)
```
#0a3172
```
#0a3172 rgb(10,49,114)
```
#0b3884
```
#0b3884 rgb(11,56,132)
```
#0d4096
```
#0d4096 rgb(13,64,150)
```
#0e48a9
```
#0e48a9 rgb(14,72,169)
```
#1050bb
```
#1050bb rgb(16,80,187)
```
#1157cd
```
#1157cd rgb(17,87,205)
```
#135fdf
```
#135fdf rgb(19,95,223)
```

Shade Color Variation

#1a68eb
```
#1a68eb rgb(26,104,235)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#3e80ef
```
#3e80ef rgb(62,128,239)
```
#508cf0
```
#508cf0 rgb(80,140,240)
```
#6298f2
```
#6298f2 rgb(98,152,242)
```
#74a4f3
```
#74a4f3 rgb(116,164,243)
```
#86b0f5
```
#86b0f5 rgb(134,176,245)
```
#98bbf6
```
#98bbf6 rgb(152,187,246)
```
#abc7f8
```
#abc7f8 rgb(171,199,248)
```
#bdd3f9
```
#bdd3f9 rgb(189,211,249)
```
#cfdffb
```
#cfdffb rgb(207,223,251)
```
#e1ebfc
```
#e1ebfc rgb(225,235,252)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848a95 is the less saturated color, while #1a70ff is the most saturated one.

#848a95
```
#848a95 rgb(132,138,149)
```
#7b889e
```
#7b889e rgb(123,136,158)
```
#7286a7
```
#7286a7 rgb(114,134,167)
```
#6a84af
```
#6a84af rgb(106,132,175)
```
#6181b8
```
#6181b8 rgb(97,129,184)
```
#587fc1
```
#587fc1 rgb(88,127,193)
```
#4f7dca
```
#4f7dca rgb(79,125,202)
```
#467bd3
```
#467bd3 rgb(70,123,211)
```
#3e78db
```
#3e78db rgb(62,120,219)
```
#3576e4
```
#3576e4 rgb(53,118,228)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#2372f6
```
#2372f6 rgb(35,114,246)
```
#1a70ff
```
#1a70ff rgb(26,112,255)
```

Tone Color Variation

Below, you can see how #2c74ed 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

#6c6c6c Achromatopsia 0.005% of the population
#5f6e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#287cee Protanopia 1% of men
#0082d6 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#2979ee Protanomaly 1% of men, 0.01% of women
#107dde Deuteranomaly 6% of men, 0.4% of women
#1083b4 Tritanomaly 0.01% of the population

#2c74ed hex color

#2c74ed Color Information

#2c74ed Color Conversion

Color Schemes with #2c74ed

Alternatives to #2c74ed

#2c74ed Preview

Shades and Tints of #2c74ed

Tones of #2c74ed

Color Blindness Simulator