#2c4efa hex color

In a RGB color space, hex #2c4efa is composed of 17.3% red, 30.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 68.8% magenta, 0% yellow and 2% black. It has a hue angle of 230.1 degrees, a saturation of 95.4% and a lightness of 57.6%. #2c4efa color hex could be obtained by blending #589cff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 31
- B 98
RGB color chart
- C 82
- M 69
- Y 0
- K 2
CMYK color chart

● #2c4efa color description : Bright blue.

The hexadecimal color #2c4efa has RGB values of R:44, G:78, B:250 and CMYK values of C:0.82, M:0.69, Y:0, K:0.02. Its decimal value is 2903802.

Hex triplet	2c4efa	`#2c4efa`
RGB Decimal	44, 78, 250	`rgb(44,78,250)`
RGB Percent	17.3, 30.6, 98	`rgb(17.3%,30.6%,98%)`
CMYK	82, 69, 0, 2
HSL	230.1°, 95.4, 57.6	`hsl(230.1,95.4%,57.6%)`
HSV (or HSB)	230.1°, 82.4, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.589, 49.803, -87.936
XYZ	21.015, 12.885, 91.817
xyY	0.167, 0.102, 12.885
CIE-LCH	42.589, 101.06, 299.525
CIE-LUV	42.589, -14.505, -128.199
Hunter-Lab	35.895, 41.685, -126.531
Binary	00101100, 01001110, 11111010

#2c4efa
```
#2c4efa rgb(44,78,250)
```
#fad82c
```
#fad82c rgb(250,216,44)
```

Complementary Color

#2cb5fa
```
#2cb5fa rgb(44,181,250)
```
#2c4efa
```
#2c4efa rgb(44,78,250)
```
#712cfa
```
#712cfa rgb(113,44,250)
```

Analogous Color

#b5fa2c
```
#b5fa2c rgb(181,250,44)
```
#2c4efa
```
#2c4efa rgb(44,78,250)
```
#fa712c
```
#fa712c rgb(250,113,44)
```

Split Complementary Color

#4efa2c
```
#4efa2c rgb(78,250,44)
```
#2c4efa
```
#2c4efa rgb(44,78,250)
```
#fa2c4e
```
#fa2c4e rgb(250,44,78)
```

Triadic Color

#2cfad8
```
#2cfad8 rgb(44,250,216)
```
#2c4efa
```
#2c4efa rgb(44,78,250)
```
#fa2c4e
```
#fa2c4e rgb(250,44,78)
```
#fad82c
```
#fad82c rgb(250,216,44)
```

Tetradic Color

#0527d4
```
#0527d4 rgb(5,39,212)
```
#062ced
```
#062ced rgb(6,44,237)
```
#1339f9
```
#1339f9 rgb(19,57,249)
```
#2c4efa
```
#2c4efa rgb(44,78,250)
```
#4563fb
```
#4563fb rgb(69,99,251)
```
#5e78fb
```
#5e78fb rgb(94,120,251)
```
#778dfc
```
#778dfc rgb(119,141,252)
```

Monochromatic Color

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

#2c82fa
```
#2c82fa rgb(44,130,250)
```
#2c70fa
```
#2c70fa rgb(44,112,250)
```
#2c5ffa
```
#2c5ffa rgb(44,95,250)
```
#2c4efa
```
#2c4efa rgb(44,78,250)
```
#2c3dfa
```
#2c3dfa rgb(44,61,250)
```
#2c2cfa
```
#2c2cfa rgb(44,44,250)
```
#3d2cfa
```
#3d2cfa rgb(61,44,250)
```

Similar Colors

Text with hexadecimal color #2c4efa

This text has a font color of #2c4efa.

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

#2c4efa background color

This paragraph has a background color of #2c4efa.

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

#2c4efa border color

This element has a border color of #2c4efa.

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

CSS codes

.text {color:#2c4efa;}

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

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

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

#000313
```
#000313 rgb(0,3,19)
```
#010726
```
#010726 rgb(1,7,38)
```
#010b39
```
#010b39 rgb(1,11,57)
```
#020e4c
```
#020e4c rgb(2,14,76)
```
#021260
```
#021260 rgb(2,18,96)
```
#031573
```
#031573 rgb(3,21,115)
```
#031986
```
#031986 rgb(3,25,134)
```
#041c99
```
#041c99 rgb(4,28,153)
```
#0420ac
```
#0420ac rgb(4,32,172)
```
#0523bf
```
#0523bf rgb(5,35,191)
```
#0527d3
```
#0527d3 rgb(5,39,211)
```
#052ae6
```
#052ae6 rgb(5,42,230)
```
#062ef9
```
#062ef9 rgb(6,46,249)
```

Shade Color Variation

#193efa
```
#193efa rgb(25,62,250)
```
#2c4efa
```
#2c4efa rgb(44,78,250)
```
#3f5efa
```
#3f5efa rgb(63,94,250)
```
#526efb
```
#526efb rgb(82,110,251)
```
#657efb
```
#657efb rgb(101,126,251)
```
#798efc
```
#798efc rgb(121,142,252)
```
#8c9efc
```
#8c9efc rgb(140,158,252)
```
#9faefd
```
#9faefd rgb(159,174,253)
```
#b2bffd
```
#b2bffd rgb(178,191,253)
```
#c5cffe
```
#c5cffe rgb(197,207,254)
```
#d8dffe
```
#d8dffe rgb(216,223,254)
```
#ecefff
```
#ecefff rgb(236,239,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909196 is the less saturated color, while #2c4efa is the most saturated one.

#909196
```
#909196 rgb(144,145,150)
```
#878b9f
```
#878b9f rgb(135,139,159)
```
#7f86a7
```
#7f86a7 rgb(127,134,167)
```
#7780af
```
#7780af rgb(119,128,175)
```
#6e7bb8
```
#6e7bb8 rgb(110,123,184)
```
#6675c0
```
#6675c0 rgb(102,117,192)
```
#5e6fc8
```
#5e6fc8 rgb(94,111,200)
```
#566ad0
```
#566ad0 rgb(86,106,208)
```
#4d64d9
```
#4d64d9 rgb(77,100,217)
```
#455fe1
```
#455fe1 rgb(69,95,225)
```
#3d59e9
```
#3d59e9 rgb(61,89,233)
```
#3454f2
```
#3454f2 rgb(52,84,242)
```
#2c4efa
```
#2c4efa rgb(44,78,250)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#105fdd Protanomaly 1% of men, 0.01% of women
#1063cc Deuteranomaly 6% of men, 0.4% of women
#1068aa Tritanomaly 0.01% of the population

#2c4efa hex color

#2c4efa Color Information

#2c4efa Color Conversion

Color Schemes with #2c4efa

Alternatives to #2c4efa

#2c4efa Preview

Shades and Tints of #2c4efa

Tones of #2c4efa

Color Blindness Simulator