#2f74f3 hex color

In a RGB color space, hex #2f74f3 is composed of 18.4% red, 45.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 52.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 218.9 degrees, a saturation of 89.1% and a lightness of 56.9%. #2f74f3 color hex could be obtained by blending #5ee8ff with #0000e7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 45
- B 95
RGB color chart
- C 81
- M 52
- Y 0
- K 5
CMYK color chart

● #2f74f3 color description : Bright blue.

The hexadecimal color #2f74f3 has RGB values of R:47, G:116, B:243 and CMYK values of C:0.81, M:0.52, Y:0, K:0.05. Its decimal value is 3110131.

Hex triplet	2f74f3	`#2f74f3`
RGB Decimal	47, 116, 243	`rgb(47,116,243)`
RGB Percent	18.4, 45.5, 95.3	`rgb(18.4%,45.5%,95.3%)`
CMYK	81, 52, 0, 5
HSL	218.9°, 89.1, 56.9	`hsl(218.9,89.1%,56.9%)`
HSV (or HSB)	218.9°, 80.7, 95.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.341, 23.965, -69.711
XYZ	23.592, 19.564, 87.322
xyY	0.181, 0.15, 19.564
CIE-LCH	51.341, 73.716, 288.971
CIE-LUV	51.341, -23.269, -109.619
Hunter-Lab	44.232, 17.801, -86.088
Binary	00101111, 01110100, 11110011

#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#f3ae2f
```
#f3ae2f rgb(243,174,47)
```

Complementary Color

#2fd6f3
```
#2fd6f3 rgb(47,214,243)
```
#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#4c2ff3
```
#4c2ff3 rgb(76,47,243)
```

Analogous Color

#d6f32f
```
#d6f32f rgb(214,243,47)
```
#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#f34c2f
```
#f34c2f rgb(243,76,47)
```

Split Complementary Color

#74f32f
```
#74f32f rgb(116,243,47)
```
#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#f32f74
```
#f32f74 rgb(243,47,116)
```

Triadic Color

#2ff3ae
```
#2ff3ae rgb(47,243,174)
```
#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#f32f74
```
#f32f74 rgb(243,47,116)
```
#f3ae2f
```
#f3ae2f rgb(243,174,47)
```

Tetradic Color

#0c4fca
```
#0c4fca rgb(12,79,202)
```
#0d58e2
```
#0d58e2 rgb(13,88,226)
```
#1764f2
```
#1764f2 rgb(23,100,242)
```
#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#4784f4
```
#4784f4 rgb(71,132,244)
```
#5f94f6
```
#5f94f6 rgb(95,148,246)
```
#77a4f7
```
#77a4f7 rgb(119,164,247)
```

Monochromatic Color

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

#2fa5f3
```
#2fa5f3 rgb(47,165,243)
```
#2f95f3
```
#2f95f3 rgb(47,149,243)
```
#2f84f3
```
#2f84f3 rgb(47,132,243)
```
#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#2f64f3
```
#2f64f3 rgb(47,100,243)
```
#2f53f3
```
#2f53f3 rgb(47,83,243)
```
#2f43f3
```
#2f43f3 rgb(47,67,243)
```

Similar Colors

Text with hexadecimal color #2f74f3

This text has a font color of #2f74f3.

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

#2f74f3 background color

This paragraph has a background color of #2f74f3.

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

#2f74f3 border color

This element has a border color of #2f74f3.

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

CSS codes

.text {color:#2f74f3;}

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

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

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, #01060f is the darkest color, while #fbfcff is the lightest one.

#01060f
```
#01060f rgb(1,6,15)
```
#020d21
```
#020d21 rgb(2,13,33)
```
#031434
```
#031434 rgb(3,20,52)
```
#041b46
```
#041b46 rgb(4,27,70)
```
#052359
```
#052359 rgb(5,35,89)
```
#062a6b
```
#062a6b rgb(6,42,107)
```
#07317e
```
#07317e rgb(7,49,126)
```
#083890
```
#083890 rgb(8,56,144)
```
#093fa3
```
#093fa3 rgb(9,63,163)
```
#0a47b5
```
#0a47b5 rgb(10,71,181)
```
#0c4ec8
```
#0c4ec8 rgb(12,78,200)
```
#0d55db
```
#0d55db rgb(13,85,219)
```
#0e5ced
```
#0e5ced rgb(14,92,237)
```

Shade Color Variation

#1c68f2
```
#1c68f2 rgb(28,104,242)
```
#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#4280f4
```
#4280f4 rgb(66,128,244)
```
#548df5
```
#548df5 rgb(84,141,245)
```
#6799f6
```
#6799f6 rgb(103,153,246)
```
#79a6f7
```
#79a6f7 rgb(121,166,247)
```
#8cb2f8
```
#8cb2f8 rgb(140,178,248)
```
#9ebef9
```
#9ebef9 rgb(158,190,249)
```
#b1cbfa
```
#b1cbfa rgb(177,203,250)
```
#c3d7fc
```
#c3d7fc rgb(195,215,252)
```
#d6e4fd
```
#d6e4fd rgb(214,228,253)
```
#e8f0fe
```
#e8f0fe rgb(232,240,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#8c9096
```
#8c9096 rgb(140,144,150)
```
#848d9e
```
#848d9e rgb(132,141,158)
```
#7b8ba7
```
#7b8ba7 rgb(123,139,167)
```
#7388af
```
#7388af rgb(115,136,175)
```
#6a86b8
```
#6a86b8 rgb(106,134,184)
```
#6283c0
```
#6283c0 rgb(98,131,192)
```
#5981c9
```
#5981c9 rgb(89,129,201)
```
#517ed1
```
#517ed1 rgb(81,126,209)
```
#487cda
```
#487cda rgb(72,124,218)
```
#4079e2
```
#4079e2 rgb(64,121,226)
```
#3777eb
```
#3777eb rgb(55,119,235)
```
#2f74f3
```
#2f74f3 rgb(47,116,243)
```
#2771fb
```
#2771fb rgb(39,113,251)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#616f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0f7df5 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#1a79f4 Protanomaly 1% of men, 0.01% of women
#117ee1 Deuteranomaly 6% of men, 0.4% of women
#1184b7 Tritanomaly 0.01% of the population

#2f74f3 hex color

#2f74f3 Color Information

#2f74f3 Color Conversion

Color Schemes with #2f74f3

Alternatives to #2f74f3

#2f74f3 Preview

Shades and Tints of #2f74f3

Tones of #2f74f3

Color Blindness Simulator