#2c3aff hex color

In a RGB color space, hex #2c3aff is composed of 17.3% red, 22.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 77.3% magenta, 0% yellow and 0% black. It has a hue angle of 236 degrees, a saturation of 100% and a lightness of 58.6%. #2c3aff color hex could be obtained by blending #5874ff with #0000ff. 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

● #2c3aff color description : Vivid blue.

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

Hex triplet	2c3aff	`#2c3aff`
RGB Decimal	44, 58, 255	`rgb(44,58,255)`
RGB Percent	17.3, 22.7, 100	`rgb(17.3%,22.7%,100%)`
CMYK	83, 77, 0, 0
HSL	236°, 100, 58.6	`hsl(236,100%,58.6%)`
HSV (or HSB)	236°, 82.7, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.208, 62.367, -96.325
XYZ	20.598, 10.78, 95.597
xyY	0.162, 0.085, 10.78
CIE-LCH	39.208, 114.752, 302.922
CIE-LUV	39.208, -11.314, -133.291
Hunter-Lab	32.833, 54.526, -149.647
Binary	00101100, 00111010, 11111111

#2c3aff
```
#2c3aff rgb(44,58,255)
```
#fff12c
```
#fff12c rgb(255,241,44)
```

Complementary Color

#2ca4ff
```
#2ca4ff rgb(44,164,255)
```
#2c3aff
```
#2c3aff rgb(44,58,255)
```
#882cff
```
#882cff rgb(136,44,255)
```

Analogous Color

#a4ff2c
```
#a4ff2c rgb(164,255,44)
```
#2c3aff
```
#2c3aff rgb(44,58,255)
```
#ff882c
```
#ff882c rgb(255,136,44)
```

Split Complementary Color

#3aff2c
```
#3aff2c rgb(58,255,44)
```
#2c3aff
```
#2c3aff rgb(44,58,255)
```
#ff2c3a
```
#ff2c3a rgb(255,44,58)
```

Triadic Color

#2cfff1
```
#2cfff1 rgb(44,255,241)
```
#2c3aff
```
#2c3aff rgb(44,58,255)
```
#ff2c3a
```
#ff2c3a rgb(255,44,58)
```
#fff12c
```
#fff12c rgb(255,241,44)
```

Tetradic Color

#000fdf
```
#000fdf rgb(0,15,223)
```
#0010f8
```
#0010f8 rgb(0,16,248)
```
#1322ff
```
#1322ff rgb(19,34,255)
```
#2c3aff
```
#2c3aff rgb(44,58,255)
```
#4652ff
```
#4652ff rgb(70,82,255)
```
#5f6aff
```
#5f6aff rgb(95,106,255)
```
#7981ff
```
#7981ff rgb(121,129,255)
```

Monochromatic Color

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

#2c6fff
```
#2c6fff rgb(44,111,255)
```
#2c5dff
```
#2c5dff rgb(44,93,255)
```
#2c4cff
```
#2c4cff rgb(44,76,255)
```
#2c3aff
```
#2c3aff rgb(44,58,255)
```
#302cff
```
#302cff rgb(48,44,255)
```
#412cff
```
#412cff rgb(65,44,255)
```
#532cff
```
#532cff rgb(83,44,255)
```

Similar Colors

Text with hexadecimal color #2c3aff

This text has a font color of #2c3aff.

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

#2c3aff background color

This paragraph has a background color of #2c3aff.

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

#2c3aff border color

This element has a border color of #2c3aff.

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

CSS codes

.text {color:#2c3aff;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#000218
```
#000218 rgb(0,2,24)
```
#00032c
```
#00032c rgb(0,3,44)
```
#000440
```
#000440 rgb(0,4,64)
```
#000653
```
#000653 rgb(0,6,83)
```
#000767
```
#000767 rgb(0,7,103)
```
#00087a
```
#00087a rgb(0,8,122)
```
#00098e
```
#00098e rgb(0,9,142)
```
#000ba2
```
#000ba2 rgb(0,11,162)
```
#000cb5
```
#000cb5 rgb(0,12,181)
```
#000dc9
```
#000dc9 rgb(0,13,201)
```
#000fdd
```
#000fdd rgb(0,15,221)
```
#0010f0
```
#0010f0 rgb(0,16,240)
```

Shade Color Variation

#0515ff
```
#0515ff rgb(5,21,255)
```
#1828ff
```
#1828ff rgb(24,40,255)
```
#2c3aff
```
#2c3aff rgb(44,58,255)
```
#404cff
```
#404cff rgb(64,76,255)
```
#535fff
```
#535fff rgb(83,95,255)
```
#6771ff
```
#6771ff rgb(103,113,255)
```
#7a83ff
```
#7a83ff rgb(122,131,255)
```
#8e96ff
```
#8e96ff rgb(142,150,255)
```
#a2a8ff
```
#a2a8ff rgb(162,168,255)
```
#b5baff
```
#b5baff rgb(181,186,255)
```
#c9cdff
```
#c9cdff rgb(201,205,255)
```
#dddfff
```
#dddfff rgb(221,223,255)
```
#f0f1ff
```
#f0f1ff rgb(240,241,255)
```

Tint Color Variation

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

#8d8e9e
```
#8d8e9e rgb(141,142,158)
```
#8587a6
```
#8587a6 rgb(133,135,166)
```
#7d80ae
```
#7d80ae rgb(125,128,174)
```
#7579b6
```
#7579b6 rgb(117,121,182)
```
#6d72be
```
#6d72be rgb(109,114,190)
```
#656bc6
```
#656bc6 rgb(101,107,198)
```
#5d64ce
```
#5d64ce rgb(93,100,206)
```
#555dd6
```
#555dd6 rgb(85,93,214)
```
#4c56df
```
#4c56df rgb(76,86,223)
```
#444fe7
```
#444fe7 rgb(68,79,231)
```
#3c48ef
```
#3c48ef rgb(60,72,239)
```
#3441f7
```
#3441f7 rgb(52,65,247)
```
#2c3aff
```
#2c3aff rgb(44,58,255)
```

Tone Color Variation

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

#0062be 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
#1057c5 Deuteranomaly 6% of men, 0.4% of women
#105ba6 Tritanomaly 0.01% of the population

#2c3aff hex color

#2c3aff Color Information

#2c3aff Color Conversion

Color Schemes with #2c3aff

Alternatives to #2c3aff

#2c3aff Preview

Shades and Tints of #2c3aff

Tones of #2c3aff

Color Blindness Simulator