#2c4afe hex color

In a RGB color space, hex #2c4afe is composed of 17.3% red, 29% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 70.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 231.4 degrees, a saturation of 99.1% and a lightness of 58.4%. #2c4afe color hex could be obtained by blending #5894ff with #0000fd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 17
- G 29
- B 100
RGB color chart
- C 83
- M 71
- Y 0
- K 0
CMYK color chart

● #2c4afe color description : Bright blue.

The hexadecimal color #2c4afe has RGB values of R:44, G:74, B:254 and CMYK values of C:0.83, M:0.71, Y:0, K:0. Its decimal value is 2902782.

Hex triplet	2c4afe	`#2c4afe`
RGB Decimal	44, 74, 254	`rgb(44,74,254)`
RGB Percent	17.3, 29, 99.6	`rgb(17.3%,29%,99.6%)`
CMYK	83, 71, 0, 0
HSL	231.4°, 99.1, 58.4	`hsl(231.4,99.1%,58.4%)`
HSV (or HSB)	231.4°, 82.7, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.135, 53.471, -90.921
XYZ	21.373, 12.587, 95.064
xyY	0.166, 0.098, 12.587
CIE-LCH	42.135, 105.479, 300.46
CIE-LUV	42.135, -13.834, -131.268
Hunter-Lab	35.478, 45.446, -134.031
Binary	00101100, 01001010, 11111110

#2c4afe
```
#2c4afe rgb(44,74,254)
```
#fee02c
```
#fee02c rgb(254,224,44)
```

Complementary Color

#2cb3fe
```
#2cb3fe rgb(44,179,254)
```
#2c4afe
```
#2c4afe rgb(44,74,254)
```
#772cfe
```
#772cfe rgb(119,44,254)
```

Analogous Color

#b3fe2c
```
#b3fe2c rgb(179,254,44)
```
#2c4afe
```
#2c4afe rgb(44,74,254)
```
#fe772c
```
#fe772c rgb(254,119,44)
```

Split Complementary Color

#4afe2c
```
#4afe2c rgb(74,254,44)
```
#2c4afe
```
#2c4afe rgb(44,74,254)
```
#fe2c4a
```
#fe2c4a rgb(254,44,74)
```

Triadic Color

#2cfee0
```
#2cfee0 rgb(44,254,224)
```
#2c4afe
```
#2c4afe rgb(44,74,254)
```
#fe2c4a
```
#fe2c4a rgb(254,44,74)
```
#fee02c
```
#fee02c rgb(254,224,44)
```

Tetradic Color

#0120dc
```
#0120dc rgb(1,32,220)
```
#0124f6
```
#0124f6 rgb(1,36,246)
```
#1334fe
```
#1334fe rgb(19,52,254)
```
#2c4afe
```
#2c4afe rgb(44,74,254)
```
#4560fe
```
#4560fe rgb(69,96,254)
```
#5f76fe
```
#5f76fe rgb(95,118,254)
```
#788bfe
```
#788bfe rgb(120,139,254)
```

Monochromatic Color

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

#2c7ffe
```
#2c7ffe rgb(44,127,254)
```
#2c6dfe
```
#2c6dfe rgb(44,109,254)
```
#2c5bfe
```
#2c5bfe rgb(44,91,254)
```
#2c4afe
```
#2c4afe rgb(44,74,254)
```
#2c39fe
```
#2c39fe rgb(44,57,254)
```
#312cfe
```
#312cfe rgb(49,44,254)
```
#432cfe
```
#432cfe rgb(67,44,254)
```

Similar Colors

Text with hexadecimal color #2c4afe

This text has a font color of #2c4afe.

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

#2c4afe background color

This paragraph has a background color of #2c4afe.

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

#2c4afe border color

This element has a border color of #2c4afe.

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

CSS codes

.text {color:#2c4afe;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000317
```
#000317 rgb(0,3,23)
```
#00062b
```
#00062b rgb(0,6,43)
```
#00093e
```
#00093e rgb(0,9,62)
```
#000c52
```
#000c52 rgb(0,12,82)
```
#000f65
```
#000f65 rgb(0,15,101)
```
#011279
```
#011279 rgb(1,18,121)
```
#01158c
```
#01158c rgb(1,21,140)
```
#0117a0
```
#0117a0 rgb(1,23,160)
```
#011ab3
```
#011ab3 rgb(1,26,179)
```
#011dc7
```
#011dc7 rgb(1,29,199)
```
#0120db
```
#0120db rgb(1,32,219)
```
#0123ee
```
#0123ee rgb(1,35,238)
```

Shade Color Variation

#0529fe
```
#0529fe rgb(5,41,254)
```
#1839fe
```
#1839fe rgb(24,57,254)
```
#2c4afe
```
#2c4afe rgb(44,74,254)
```
#405bfe
```
#405bfe rgb(64,91,254)
```
#536bfe
```
#536bfe rgb(83,107,254)
```
#677cfe
```
#677cfe rgb(103,124,254)
```
#7a8dfe
```
#7a8dfe rgb(122,141,254)
```
#8e9efe
```
#8e9efe rgb(142,158,254)
```
#a1aeff
```
#a1aeff rgb(161,174,255)
```
#b5bfff
```
#b5bfff rgb(181,191,255)
```
#c8d0ff
```
#c8d0ff rgb(200,208,255)
```
#dce1ff
```
#dce1ff rgb(220,225,255)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#8e909c
```
#8e909c rgb(142,144,156)
```
#868aa4
```
#868aa4 rgb(134,138,164)
```
#7e84ac
```
#7e84ac rgb(126,132,172)
```
#757eb5
```
#757eb5 rgb(117,126,181)
```
#6d79bd
```
#6d79bd rgb(109,121,189)
```
#6573c5
```
#6573c5 rgb(101,115,197)
```
#5d6dcd
```
#5d6dcd rgb(93,109,205)
```
#5567d5
```
#5567d5 rgb(85,103,213)
```
#4d61dd
```
#4d61dd rgb(77,97,221)
```
#445be6
```
#445be6 rgb(68,91,230)
```
#3c56ee
```
#3c56ee rgb(60,86,238)
```
#3450f6
```
#3450f6 rgb(52,80,246)
```
#2c4afe
```
#2c4afe rgb(44,74,254)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767b Tritanopia 0.001% of the population

Trichromacy

#105ddd Protanomaly 1% of men, 0.01% of women
#1061cc Deuteranomaly 6% of men, 0.4% of women
#1066ab Tritanomaly 0.01% of the population

#2c4afe hex color

#2c4afe Color Information

#2c4afe Color Conversion

Color Schemes with #2c4afe

Alternatives to #2c4afe

#2c4afe Preview

Shades and Tints of #2c4afe

Tones of #2c4afe

Color Blindness Simulator