#2974ff hex color

In a RGB color space, hex #2974ff is composed of 16.1% red, 45.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 54.5% magenta, 0% yellow and 0% black. It has a hue angle of 219 degrees, a saturation of 100% and a lightness of 58%. #2974ff color hex could be obtained by blending #52e8ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 45
- B 100
RGB color chart
- C 84
- M 55
- Y 0
- K 0
CMYK color chart

● #2974ff color description : Vivid blue.

The hexadecimal color #2974ff has RGB values of R:41, G:116, B:255 and CMYK values of C:0.84, M:0.55, Y:0, K:0. Its decimal value is 2716927.

Hex triplet	2974ff	`#2974ff`
RGB Decimal	41, 116, 255	`rgb(41,116,255)`
RGB Percent	16.1, 45.5, 100	`rgb(16.1%,45.5%,100%)`
CMYK	84, 55, 0, 0
HSL	219°, 100, 58	`hsl(219,100%,58%)`
HSV (or HSB)	219°, 83.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.04, 27.959, -75.243
XYZ	25.206, 20.18, 97.169
xyY	0.177, 0.142, 20.18
CIE-LCH	52.04, 80.27, 290.384
CIE-LUV	52.04, -23.724, -118.474
Hunter-Lab	44.922, 21.542, -96.801
Binary	00101001, 01110100, 11111111

#2974ff
```
#2974ff rgb(41,116,255)
```
#ffb429
```
#ffb429 rgb(255,180,41)
```

Complementary Color

#29dfff
```
#29dfff rgb(41,223,255)
```
#2974ff
```
#2974ff rgb(41,116,255)
```
#4929ff
```
#4929ff rgb(73,41,255)
```

Analogous Color

#dfff29
```
#dfff29 rgb(223,255,41)
```
#2974ff
```
#2974ff rgb(41,116,255)
```
#ff4929
```
#ff4929 rgb(255,73,41)
```

Split Complementary Color

#74ff29
```
#74ff29 rgb(116,255,41)
```
#2974ff
```
#2974ff rgb(41,116,255)
```
#ff2974
```
#ff2974 rgb(255,41,116)
```

Triadic Color

#29ffb4
```
#29ffb4 rgb(41,255,180)
```
#2974ff
```
#2974ff rgb(41,116,255)
```
#ff2974
```
#ff2974 rgb(255,41,116)
```
#ffb429
```
#ffb429 rgb(255,180,41)
```

Tetradic Color

#004ddc
```
#004ddc rgb(0,77,220)
```
#0056f5
```
#0056f5 rgb(0,86,245)
```
#1063ff
```
#1063ff rgb(16,99,255)
```
#2974ff
```
#2974ff rgb(41,116,255)
```
#4385ff
```
#4385ff rgb(67,133,255)
```
#5c95ff
```
#5c95ff rgb(92,149,255)
```
#76a6ff
```
#76a6ff rgb(118,166,255)
```

Monochromatic Color

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

#29aaff
```
#29aaff rgb(41,170,255)
```
#2998ff
```
#2998ff rgb(41,152,255)
```
#2986ff
```
#2986ff rgb(41,134,255)
```
#2974ff
```
#2974ff rgb(41,116,255)
```
#2962ff
```
#2962ff rgb(41,98,255)
```
#2950ff
```
#2950ff rgb(41,80,255)
```
#293fff
```
#293fff rgb(41,63,255)
```

Similar Colors

Text with hexadecimal color #2974ff

This text has a font color of #2974ff.

<span style="color:#2974ff;">Text here</span>

#2974ff background color

This paragraph has a background color of #2974ff.

<p style="background-color:#2974ff;">Content here</p>

#2974ff border color

This element has a border color of #2974ff.

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

CSS codes

.text {color:#2974ff;}

.background {background-color:#2974ff;}

.border {border:1px solid #2974ff;}

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

#000102
```
#000102 rgb(0,1,2)
```
#000715
```
#000715 rgb(0,7,21)
```
#000e29
```
#000e29 rgb(0,14,41)
```
#00153d
```
#00153d rgb(0,21,61)
```
#001c50
```
#001c50 rgb(0,28,80)
```
#002364
```
#002364 rgb(0,35,100)
```
#002a77
```
#002a77 rgb(0,42,119)
```
#00318b
```
#00318b rgb(0,49,139)
```
#00389f
```
#00389f rgb(0,56,159)
```
#003eb2
```
#003eb2 rgb(0,62,178)
```
#0045c6
```
#0045c6 rgb(0,69,198)
```
#004cda
```
#004cda rgb(0,76,218)
```
#0053ed
```
#0053ed rgb(0,83,237)
```

Shade Color Variation

#025bff
```
#025bff rgb(2,91,255)
```
#1567ff
```
#1567ff rgb(21,103,255)
```
#2974ff
```
#2974ff rgb(41,116,255)
```
#3d81ff
```
#3d81ff rgb(61,129,255)
```
#508dff
```
#508dff rgb(80,141,255)
```
#649aff
```
#649aff rgb(100,154,255)
```
#77a7ff
```
#77a7ff rgb(119,167,255)
```
#8bb4ff
```
#8bb4ff rgb(139,180,255)
```
#9fc0ff
```
#9fc0ff rgb(159,192,255)
```
#b2cdff
```
#b2cdff rgb(178,205,255)
```
#c6daff
```
#c6daff rgb(198,218,255)
```
#dae7ff
```
#dae7ff rgb(218,231,255)
```
#edf3ff
```
#edf3ff rgb(237,243,255)
```

Tint Color Variation

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

#8c929c
```
#8c929c rgb(140,146,156)
```
#848fa4
```
#848fa4 rgb(132,143,164)
```
#7b8dad
```
#7b8dad rgb(123,141,173)
```
#738ab5
```
#738ab5 rgb(115,138,181)
```
#6b88bd
```
#6b88bd rgb(107,136,189)
```
#6385c5
```
#6385c5 rgb(99,133,197)
```
#5a83ce
```
#5a83ce rgb(90,131,206)
```
#5280d6
```
#5280d6 rgb(82,128,214)
```
#4a7ede
```
#4a7ede rgb(74,126,222)
```
#427be6
```
#427be6 rgb(66,123,230)
```
#3979ef
```
#3979ef rgb(57,121,239)
```
#3176f7
```
#3176f7 rgb(49,118,247)
```
#2974ff
```
#2974ff rgb(41,116,255)
```

Tone Color Variation

Below, you can see how #2974ff 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
#5f6e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085d9 Deuteranopia 1% of men
#008f97 Tritanopia 0.001% of the population

Trichromacy

#0e7afb Protanomaly 1% of men, 0.01% of women
#0e7fe7 Deuteranomaly 6% of men, 0.4% of women
#0e85bd Tritanomaly 0.01% of the population

#2974ff hex color

#2974ff Color Information

#2974ff Color Conversion

Color Schemes with #2974ff

Alternatives to #2974ff

#2974ff Preview

Shades and Tints of #2974ff

Tones of #2974ff

Color Blindness Simulator