#2f74ec hex color

In a RGB color space, hex #2f74ec is composed of 18.4% red, 45.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 50.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 218.1 degrees, a saturation of 83.3% and a lightness of 55.5%. #2f74ec color hex could be obtained by blending #5ee8ff with #0000d9. Closest websafe color is: #3366ff.

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

● #2f74ec color description : Bright blue.

The hexadecimal color #2f74ec has RGB values of R:47, G:116, B:236 and CMYK values of C:0.8, M:0.51, Y:0, K:0.07. Its decimal value is 3110124.

Hex triplet	2f74ec	`#2f74ec`
RGB Decimal	47, 116, 236	`rgb(47,116,236)`
RGB Percent	18.4, 45.5, 92.5	`rgb(18.4%,45.5%,92.5%)`
CMYK	80, 51, 0, 7
HSL	218.1°, 83.3, 55.5	`hsl(218.1,83.3%,55.5%)`
HSV (or HSB)	218.1°, 80.1, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.862, 21.357, -66.58
XYZ	22.555, 19.149, 81.86
xyY	0.183, 0.155, 19.149
CIE-LCH	50.862, 69.921, 287.785
CIE-LUV	50.862, -23.402, -104.479
Hunter-Lab	43.76, 15.422, -80.279
Binary	00101111, 01110100, 11101100

#2f74ec
```
#2f74ec rgb(47,116,236)
```
#eca72f
```
#eca72f rgb(236,167,47)
```

Complementary Color

#2fd3ec
```
#2fd3ec rgb(47,211,236)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#492fec
```
#492fec rgb(73,47,236)
```

Analogous Color

#d3ec2f
```
#d3ec2f rgb(211,236,47)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#ec492f
```
#ec492f rgb(236,73,47)
```

Split Complementary Color

#74ec2f
```
#74ec2f rgb(116,236,47)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#ec2f74
```
#ec2f74 rgb(236,47,116)
```

Triadic Color

#2feca7
```
#2feca7 rgb(47,236,167)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#ec2f74
```
#ec2f74 rgb(236,47,116)
```
#eca72f
```
#eca72f rgb(236,167,47)
```

Tetradic Color

#1150bd
```
#1150bd rgb(17,80,189)
```
#135ad5
```
#135ad5 rgb(19,90,213)
```
#1864ea
```
#1864ea rgb(24,100,234)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#4684ee
```
#4684ee rgb(70,132,238)
```
#5e93f0
```
#5e93f0 rgb(94,147,240)
```
#75a3f2
```
#75a3f2 rgb(117,163,242)
```

Monochromatic Color

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

#2fa3ec
```
#2fa3ec rgb(47,163,236)
```
#2f94ec
```
#2f94ec rgb(47,148,236)
```
#2f84ec
```
#2f84ec rgb(47,132,236)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#2f64ec
```
#2f64ec rgb(47,100,236)
```
#2f55ec
```
#2f55ec rgb(47,85,236)
```
#2f45ec
```
#2f45ec rgb(47,69,236)
```

Similar Colors

Text with hexadecimal color #2f74ec

This text has a font color of #2f74ec.

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

#2f74ec background color

This paragraph has a background color of #2f74ec.

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

#2f74ec border color

This element has a border color of #2f74ec.

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

CSS codes

.text {color:#2f74ec;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#020b1a
```
#020b1a rgb(2,11,26)
```
#04122c
```
#04122c rgb(4,18,44)
```
#061a3e
```
#061a3e rgb(6,26,62)
```
#072250
```
#072250 rgb(7,34,80)
```
#092962
```
#092962 rgb(9,41,98)
```
#0b3174
```
#0b3174 rgb(11,49,116)
```
#0c3885
```
#0c3885 rgb(12,56,133)
```
#0e4097
```
#0e4097 rgb(14,64,151)
```
#0f48a9
```
#0f48a9 rgb(15,72,169)
```
#114fbb
```
#114fbb rgb(17,79,187)
```
#1357cd
```
#1357cd rgb(19,87,205)
```
#145fdf
```
#145fdf rgb(20,95,223)
```

Shade Color Variation

#1d68ea
```
#1d68ea rgb(29,104,234)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#4180ee
```
#4180ee rgb(65,128,238)
```
#538cef
```
#538cef rgb(83,140,239)
```
#6598f1
```
#6598f1 rgb(101,152,241)
```
#77a4f3
```
#77a4f3 rgb(119,164,243)
```
#89b0f4
```
#89b0f4 rgb(137,176,244)
```
#9bbcf6
```
#9bbcf6 rgb(155,188,246)
```
#adc8f7
```
#adc8f7 rgb(173,200,247)
```
#bfd4f9
```
#bfd4f9 rgb(191,212,249)
```
#d1e0fb
```
#d1e0fb rgb(209,224,251)
```
#e3ecfc
```
#e3ecfc rgb(227,236,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#868c95
```
#868c95 rgb(134,140,149)
```
#7e899d
```
#7e899d rgb(126,137,157)
```
#7587a6
```
#7587a6 rgb(117,135,166)
```
#6c84af
```
#6c84af rgb(108,132,175)
```
#6382b8
```
#6382b8 rgb(99,130,184)
```
#5b80c0
```
#5b80c0 rgb(91,128,192)
```
#527dc9
```
#527dc9 rgb(82,125,201)
```
#497bd2
```
#497bd2 rgb(73,123,210)
```
#4079db
```
#4079db rgb(64,121,219)
```
#3876e3
```
#3876e3 rgb(56,118,227)
```
#2f74ec
```
#2f74ec rgb(47,116,236)
```
#2672f5
```
#2672f5 rgb(38,114,245)
```
#1e6ffd
```
#1e6ffd rgb(30,111,253)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#616e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b7ced Protanopia 1% of men
#0082d6 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#2c79ed Protanomaly 1% of men, 0.01% of women
#117dde Deuteranomaly 6% of men, 0.4% of women
#1183b4 Tritanomaly 0.01% of the population

#2f74ec hex color

#2f74ec Color Information

#2f74ec Color Conversion

Color Schemes with #2f74ec

Alternatives to #2f74ec

#2f74ec Preview

Shades and Tints of #2f74ec

Tones of #2f74ec

Color Blindness Simulator