#2c2aff hex color

In a RGB color space, hex #2c2aff is composed of 17.3% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 240.6 degrees, a saturation of 100% and a lightness of 58.2%. #2c2aff color hex could be obtained by blending #5854ff with #0000ff. Closest websafe color is: #3333ff.

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

● #2c2aff color description : Vivid blue.

The hexadecimal color #2c2aff has RGB values of R:44, G:42, B:255 and CMYK values of C:0.83, M:0.84, Y:0, K:0. Its decimal value is 2894591.

Hex triplet	2c2aff	`#2c2aff`
RGB Decimal	44, 42, 255	`rgb(44,42,255)`
RGB Percent	17.3, 16.5, 100	`rgb(17.3%,16.5%,100%)`
CMYK	83, 84, 0, 0
HSL	240.6°, 100, 58.2	`hsl(240.6,100%,58.2%)`
HSV (or HSB)	240.6°, 83.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.762, 69.541, -100.389
XYZ	19.913, 9.41, 95.369
xyY	0.16, 0.075, 9.41
CIE-LCH	36.762, 122.122, 304.711
CIE-LUV	36.762, -9.422, -133.31
Hunter-Lab	30.676, 62.19, -162.856
Binary	00101100, 00101010, 11111111

#2c2aff
```
#2c2aff rgb(44,42,255)
```
#fdff2a
```
#fdff2a rgb(253,255,42)
```

Complementary Color

#2a93ff
```
#2a93ff rgb(42,147,255)
```
#2c2aff
```
#2c2aff rgb(44,42,255)
```
#972aff
```
#972aff rgb(151,42,255)
```

Analogous Color

#93ff2a
```
#93ff2a rgb(147,255,42)
```
#2c2aff
```
#2c2aff rgb(44,42,255)
```
#ff972a
```
#ff972a rgb(255,151,42)
```

Split Complementary Color

#2aff2c
```
#2aff2c rgb(42,255,44)
```
#2c2aff
```
#2c2aff rgb(44,42,255)
```
#ff2c2a
```
#ff2c2a rgb(255,44,42)
```

Triadic Color

#2afdff
```
#2afdff rgb(42,253,255)
```
#2c2aff
```
#2c2aff rgb(44,42,255)
```
#ff2c2a
```
#ff2c2a rgb(255,44,42)
```
#fdff2a
```
#fdff2a rgb(253,255,42)
```

Tetradic Color

#0200dd
```
#0200dd rgb(2,0,221)
```
#0200f6
```
#0200f6 rgb(2,0,246)
```
#1311ff
```
#1311ff rgb(19,17,255)
```
#2c2aff
```
#2c2aff rgb(44,42,255)
```
#4544ff
```
#4544ff rgb(69,68,255)
```
#5f5dff
```
#5f5dff rgb(95,93,255)
```
#7877ff
```
#7877ff rgb(120,119,255)
```

Monochromatic Color

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

#2a5dff
```
#2a5dff rgb(42,93,255)
```
#2a4cff
```
#2a4cff rgb(42,76,255)
```
#2a3aff
```
#2a3aff rgb(42,58,255)
```
#2c2aff
```
#2c2aff rgb(44,42,255)
```
#3e2aff
```
#3e2aff rgb(62,42,255)
```
#4f2aff
```
#4f2aff rgb(79,42,255)
```
#612aff
```
#612aff rgb(97,42,255)
```

Similar Colors

Text with hexadecimal color #2c2aff

This text has a font color of #2c2aff.

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

#2c2aff background color

This paragraph has a background color of #2c2aff.

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

#2c2aff border color

This element has a border color of #2c2aff.

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

CSS codes

.text {color:#2c2aff;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000016
```
#000016 rgb(0,0,22)
```
#00002a
```
#00002a rgb(0,0,42)
```
#01003e
```
#01003e rgb(1,0,62)
```
#010051
```
#010051 rgb(1,0,81)
```
#010065
```
#010065 rgb(1,0,101)
```
#010078
```
#010078 rgb(1,0,120)
```
#01008c
```
#01008c rgb(1,0,140)
```
#0100a0
```
#0100a0 rgb(1,0,160)
```
#0200b3
```
#0200b3 rgb(2,0,179)
```
#0200c7
```
#0200c7 rgb(2,0,199)
```
#0200db
```
#0200db rgb(2,0,219)
```
#0200ee
```
#0200ee rgb(2,0,238)
```

Shade Color Variation

#0503ff
```
#0503ff rgb(5,3,255)
```
#1916ff
```
#1916ff rgb(25,22,255)
```
#2c2aff
```
#2c2aff rgb(44,42,255)
```
#3f3eff
```
#3f3eff rgb(63,62,255)
```
#5351ff
```
#5351ff rgb(83,81,255)
```
#6665ff
```
#6665ff rgb(102,101,255)
```
#7a78ff
```
#7a78ff rgb(122,120,255)
```
#8d8cff
```
#8d8cff rgb(141,140,255)
```
#a1a0ff
```
#a1a0ff rgb(161,160,255)
```
#b4b3ff
```
#b4b3ff rgb(180,179,255)
```
#c7c7ff
```
#c7c7ff rgb(199,199,255)
```
#dbdbff
```
#dbdbff rgb(219,219,255)
```
#eeeeff
```
#eeeeff rgb(238,238,255)
```

Tint Color Variation

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

#8c8c9d
```
#8c8c9d rgb(140,140,157)
```
#8484a5
```
#8484a5 rgb(132,132,165)
```
#7c7cad
```
#7c7cad rgb(124,124,173)
```
#7474b5
```
#7474b5 rgb(116,116,181)
```
#6c6cbd
```
#6c6cbd rgb(108,108,189)
```
#6463c6
```
#6463c6 rgb(100,99,198)
```
#5c5bce
```
#5c5bce rgb(92,91,206)
```
#5453d6
```
#5453d6 rgb(84,83,214)
```
#4c4bde
```
#4c4bde rgb(76,75,222)
```
#4443e6
```
#4443e6 rgb(68,67,230)
```
#3c3aef
```
#3c3aef rgb(60,58,239)
```
#3432f7
```
#3432f7 rgb(52,50,247)
```
#2c2aff
```
#2c2aff rgb(44,42,255)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e3e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#104acf Protanomaly 1% of men, 0.01% of women
#104dbf Deuteranomaly 6% of men, 0.4% of women
#1051a2 Tritanomaly 0.01% of the population

#2c2aff hex color

#2c2aff Color Information

#2c2aff Color Conversion

Color Schemes with #2c2aff

Alternatives to #2c2aff

#2c2aff Preview

Shades and Tints of #2c2aff

Tones of #2c2aff

Color Blindness Simulator