#2c3afe hex color

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

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

● #2c3afe color description : Bright blue.

The hexadecimal color #2c3afe has RGB values of R:44, G:58, B:254 and CMYK values of C:0.83, M:0.77, Y:0, K:0. Its decimal value is 2898686.

Hex triplet	2c3afe	`#2c3afe`
RGB Decimal	44, 58, 254	`rgb(44,58,254)`
RGB Percent	17.3, 22.7, 99.6	`rgb(17.3%,22.7%,99.6%)`
CMYK	83, 77, 0, 0
HSL	236°, 99.1, 58.4	`hsl(236,99.1%,58.4%)`
HSV (or HSB)	236°, 82.7, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.098, 62.058, -95.948
XYZ	20.438, 10.716, 94.752
xyY	0.162, 0.085, 10.716
CIE-LCH	39.098, 114.268, 302.894
CIE-LUV	39.098, -11.281, -132.722
Hunter-Lab	32.735, 54.157, -148.7
Binary	00101100, 00111010, 11111110

#2c3afe
```
#2c3afe rgb(44,58,254)
```
#fef02c
```
#fef02c rgb(254,240,44)
```

Complementary Color

#2ca3fe
```
#2ca3fe rgb(44,163,254)
```
#2c3afe
```
#2c3afe rgb(44,58,254)
```
#872cfe
```
#872cfe rgb(135,44,254)
```

Analogous Color

#a3fe2c
```
#a3fe2c rgb(163,254,44)
```
#2c3afe
```
#2c3afe rgb(44,58,254)
```
#fe872c
```
#fe872c rgb(254,135,44)
```

Split Complementary Color

#3afe2c
```
#3afe2c rgb(58,254,44)
```
#2c3afe
```
#2c3afe rgb(44,58,254)
```
#fe2c3a
```
#fe2c3a rgb(254,44,58)
```

Triadic Color

#2cfef0
```
#2cfef0 rgb(44,254,240)
```
#2c3afe
```
#2c3afe rgb(44,58,254)
```
#fe2c3a
```
#fe2c3a rgb(254,44,58)
```
#fef02c
```
#fef02c rgb(254,240,44)
```

Tetradic Color

#0110dc
```
#0110dc rgb(1,16,220)
```
#0111f6
```
#0111f6 rgb(1,17,246)
```
#1322fe
```
#1322fe rgb(19,34,254)
```
#2c3afe
```
#2c3afe rgb(44,58,254)
```
#4552fe
```
#4552fe rgb(69,82,254)
```
#5f69fe
```
#5f69fe rgb(95,105,254)
```
#7881fe
```
#7881fe rgb(120,129,254)
```

Monochromatic Color

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

#2c6ffe
```
#2c6ffe rgb(44,111,254)
```
#2c5dfe
```
#2c5dfe rgb(44,93,254)
```
#2c4bfe
```
#2c4bfe rgb(44,75,254)
```
#2c3afe
```
#2c3afe rgb(44,58,254)
```
#302cfe
```
#302cfe rgb(48,44,254)
```
#412cfe
```
#412cfe rgb(65,44,254)
```
#532cfe
```
#532cfe rgb(83,44,254)
```

Similar Colors

Text with hexadecimal color #2c3afe

This text has a font color of #2c3afe.

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

#2c3afe background color

This paragraph has a background color of #2c3afe.

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

#2c3afe border color

This element has a border color of #2c3afe.

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

CSS codes

.text {color:#2c3afe;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000217
```
#000217 rgb(0,2,23)
```
#00032b
```
#00032b rgb(0,3,43)
```
#00043e
```
#00043e rgb(0,4,62)
```
#000652
```
#000652 rgb(0,6,82)
```
#000765
```
#000765 rgb(0,7,101)
```
#010979
```
#010979 rgb(1,9,121)
```
#010a8c
```
#010a8c rgb(1,10,140)
```
#010ba0
```
#010ba0 rgb(1,11,160)
```
#010db3
```
#010db3 rgb(1,13,179)
```
#010ec7
```
#010ec7 rgb(1,14,199)
```
#0110db
```
#0110db rgb(1,16,219)
```
#0111ee
```
#0111ee rgb(1,17,238)
```

Shade Color Variation

#0516fe
```
#0516fe rgb(5,22,254)
```
#1828fe
```
#1828fe rgb(24,40,254)
```
#2c3afe
```
#2c3afe rgb(44,58,254)
```
#404cfe
```
#404cfe rgb(64,76,254)
```
#535efe
```
#535efe rgb(83,94,254)
```
#6771fe
```
#6771fe rgb(103,113,254)
```
#7a83fe
```
#7a83fe rgb(122,131,254)
```
#8e95fe
```
#8e95fe rgb(142,149,254)
```
#a1a7ff
```
#a1a7ff rgb(161,167,255)
```
#b5baff
```
#b5baff rgb(181,186,255)
```
#c8ccff
```
#c8ccff rgb(200,204,255)
```
#dcdeff
```
#dcdeff rgb(220,222,255)
```
#eff0ff
```
#eff0ff rgb(239,240,255)
```

Tint Color Variation

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

#8e8f9c
```
#8e8f9c rgb(142,143,156)
```
#8688a4
```
#8688a4 rgb(134,136,164)
```
#7e81ac
```
#7e81ac rgb(126,129,172)
```
#757ab5
```
#757ab5 rgb(117,122,181)
```
#6d73bd
```
#6d73bd rgb(109,115,189)
```
#656bc5
```
#656bc5 rgb(101,107,197)
```
#5d64cd
```
#5d64cd rgb(93,100,205)
```
#555dd5
```
#555dd5 rgb(85,93,213)
```
#4d56dd
```
#4d56dd rgb(77,86,221)
```
#444fe6
```
#444fe6 rgb(68,79,230)
```
#3c48ee
```
#3c48ee rgb(60,72,238)
```
#3441f6
```
#3441f6 rgb(52,65,246)
```
#2c3afe
```
#2c3afe rgb(44,58,254)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#1053d5 Protanomaly 1% of men, 0.01% of women
#1056c4 Deuteranomaly 6% of men, 0.4% of women
#105ba5 Tritanomaly 0.01% of the population

#2c3afe hex color

#2c3afe Color Information

#2c3afe Color Conversion

Color Schemes with #2c3afe

Alternatives to #2c3afe

#2c3afe Preview

Shades and Tints of #2c3afe

Tones of #2c3afe

Color Blindness Simulator