#2954ff hex color

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

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

● #2954ff color description : Vivid blue.

The hexadecimal color #2954ff has RGB values of R:41, G:84, B:255 and CMYK values of C:0.84, M:0.67, Y:0, K:0. Its decimal value is 2708735.

Hex triplet	2954ff	`#2954ff`
RGB Decimal	41, 84, 255	`rgb(41,84,255)`
RGB Percent	16.1, 32.9, 100	`rgb(16.1%,32.9%,100%)`
CMYK	84, 67, 0, 0
HSL	227.9°, 100, 58	`hsl(227.9,100%,58%)`
HSV (or HSB)	227.9°, 83.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.276, 47.791, -87.95
XYZ	22.131, 14.03, 96.144
xyY	0.167, 0.106, 14.03
CIE-LCH	44.276, 100.096, 298.519
CIE-LUV	44.276, -16.079, -130.071
Hunter-Lab	37.457, 39.914, -125.964
Binary	00101001, 01010100, 11111111

#2954ff
```
#2954ff rgb(41,84,255)
```
#ffd429
```
#ffd429 rgb(255,212,41)
```

Complementary Color

#29bfff
```
#29bfff rgb(41,191,255)
```
#2954ff
```
#2954ff rgb(41,84,255)
```
#6929ff
```
#6929ff rgb(105,41,255)
```

Analogous Color

#bfff29
```
#bfff29 rgb(191,255,41)
```
#2954ff
```
#2954ff rgb(41,84,255)
```
#ff6929
```
#ff6929 rgb(255,105,41)
```

Split Complementary Color

#54ff29
```
#54ff29 rgb(84,255,41)
```
#2954ff
```
#2954ff rgb(41,84,255)
```
#ff2954
```
#ff2954 rgb(255,41,84)
```

Triadic Color

#29ffd4
```
#29ffd4 rgb(41,255,212)
```
#2954ff
```
#2954ff rgb(41,84,255)
```
#ff2954
```
#ff2954 rgb(255,41,84)
```
#ffd429
```
#ffd429 rgb(255,212,41)
```

Tetradic Color

#002cdc
```
#002cdc rgb(0,44,220)
```
#0031f5
```
#0031f5 rgb(0,49,245)
```
#1040ff
```
#1040ff rgb(16,64,255)
```
#2954ff
```
#2954ff rgb(41,84,255)
```
#4368ff
```
#4368ff rgb(67,104,255)
```
#5c7dff
```
#5c7dff rgb(92,125,255)
```
#7691ff
```
#7691ff rgb(118,145,255)
```

Monochromatic Color

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

#298aff
```
#298aff rgb(41,138,255)
```
#2978ff
```
#2978ff rgb(41,120,255)
```
#2966ff
```
#2966ff rgb(41,102,255)
```
#2954ff
```
#2954ff rgb(41,84,255)
```
#2942ff
```
#2942ff rgb(41,66,255)
```
#2930ff
```
#2930ff rgb(41,48,255)
```
#3429ff
```
#3429ff rgb(52,41,255)
```

Similar Colors

Text with hexadecimal color #2954ff

This text has a font color of #2954ff.

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

#2954ff background color

This paragraph has a background color of #2954ff.

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

#2954ff border color

This element has a border color of #2954ff.

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

CSS codes

.text {color:#2954ff;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000415
```
#000415 rgb(0,4,21)
```
#000829
```
#000829 rgb(0,8,41)
```
#000c3d
```
#000c3d rgb(0,12,61)
```
#001050
```
#001050 rgb(0,16,80)
```
#001464
```
#001464 rgb(0,20,100)
```
#001877
```
#001877 rgb(0,24,119)
```
#001c8b
```
#001c8b rgb(0,28,139)
```
#00209f
```
#00209f rgb(0,32,159)
```
#0024b2
```
#0024b2 rgb(0,36,178)
```
#0028c6
```
#0028c6 rgb(0,40,198)
```
#002cda
```
#002cda rgb(0,44,218)
```
#0030ed
```
#0030ed rgb(0,48,237)
```

Shade Color Variation

#0235ff
```
#0235ff rgb(2,53,255)
```
#1544ff
```
#1544ff rgb(21,68,255)
```
#2954ff
```
#2954ff rgb(41,84,255)
```
#3d64ff
```
#3d64ff rgb(61,100,255)
```
#5073ff
```
#5073ff rgb(80,115,255)
```
#6483ff
```
#6483ff rgb(100,131,255)
```
#7793ff
```
#7793ff rgb(119,147,255)
```
#8ba2ff
```
#8ba2ff rgb(139,162,255)
```
#9fb2ff
```
#9fb2ff rgb(159,178,255)
```
#b2c2ff
```
#b2c2ff rgb(178,194,255)
```
#c6d1ff
```
#c6d1ff rgb(198,209,255)
```
#dae1ff
```
#dae1ff rgb(218,225,255)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#8c8f9c
```
#8c8f9c rgb(140,143,156)
```
#848aa4
```
#848aa4 rgb(132,138,164)
```
#7b85ad
```
#7b85ad rgb(123,133,173)
```
#7380b5
```
#7380b5 rgb(115,128,181)
```
#6b7bbd
```
#6b7bbd rgb(107,123,189)
```
#6376c5
```
#6376c5 rgb(99,118,197)
```
#5a72ce
```
#5a72ce rgb(90,114,206)
```
#526dd6
```
#526dd6 rgb(82,109,214)
```
#4a68de
```
#4a68de rgb(74,104,222)
```
#4263e6
```
#4263e6 rgb(66,99,230)
```
#395eef
```
#395eef rgb(57,94,239)
```
#3159f7
```
#3159f7 rgb(49,89,247)
```
#2954ff
```
#2954ff rgb(41,84,255)
```

Tone Color Variation

Below, you can see how #2954ff 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

#5b5b5b Achromatopsia 0.005% of the population
#515a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0e64e4 Protanomaly 1% of men, 0.01% of women
#0e68d2 Deuteranomaly 6% of men, 0.4% of women
#0e6daf Tritanomaly 0.01% of the population

#2954ff hex color

#2954ff Color Information

#2954ff Color Conversion

Color Schemes with #2954ff

Alternatives to #2954ff

#2954ff Preview

Shades and Tints of #2954ff

Tones of #2954ff

Color Blindness Simulator