colorhexa.com

#2c2dff hex color

In a RGB color space, hex #2c2dff is composed of 17.3% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 239.7 degrees, a saturation of 100% and a lightness of 58.6%. #2c2dff color hex could be obtained by blending #585aff with #0000ff. Closest websafe color is: #3333ff.

- R 17
- G 18
- B 100
RGB color chart
- C 83
- M 82
- Y 0
- K 0
CMYK color chart

● #2c2dff color description : Vivid blue.

The hexadecimal color #2c2dff has RGB values of R:44, G:45, B:255 and CMYK values of C:0.83, M:0.82, Y:0, K:0. Its decimal value is 2895359.

Hex triplet	2c2dff	`#2c2dff`
RGB Decimal	44, 45, 255	`rgb(44,45,255)`
RGB Percent	17.3, 17.6, 100	`rgb(17.3%,17.6%,100%)`
CMYK	83, 82, 0, 0
HSL	239.7°, 100, 58.6	`hsl(239.7,100%,58.6%)`
HSV (or HSB)	239.7°, 82.7, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.172, 68.324, -99.707
XYZ	20.023, 9.631, 95.406
xyY	0.16, 0.077, 9.631
CIE-LCH	37.172, 120.87, 304.421
CIE-LUV	37.172, -9.728, -133.381
Hunter-Lab	31.034, 60.863, -160.55
Binary	00101100, 00101101, 11111111

#2c2dff
```
#2c2dff rgb(44,45,255)
```
#fffe2c
```
#fffe2c rgb(255,254,44)
```

Complementary Color

#2c97ff
```
#2c97ff rgb(44,151,255)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```
#952cff
```
#952cff rgb(149,44,255)
```

Analogous Color

#97ff2c
```
#97ff2c rgb(151,255,44)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```
#ff952c
```
#ff952c rgb(255,149,44)
```

Split Complementary Color

#2dff2c
```
#2dff2c rgb(45,255,44)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```
#ff2c2d
```
#ff2c2d rgb(255,44,45)
```

Triadic Color

#2cfffe
```
#2cfffe rgb(44,255,254)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```
#ff2c2d
```
#ff2c2d rgb(255,44,45)
```
#fffe2c
```
#fffe2c rgb(255,254,44)
```

Tetradic Color

#0001df
```
#0001df rgb(0,1,223)
```
#0001f8
```
#0001f8 rgb(0,1,248)
```
#1314ff
```
#1314ff rgb(19,20,255)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```
#4646ff
```
#4646ff rgb(70,70,255)
```
#5f60ff
```
#5f60ff rgb(95,96,255)
```
#7979ff
```
#7979ff rgb(121,121,255)
```

Monochromatic Color

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

#2c62ff
```
#2c62ff rgb(44,98,255)
```
#2c50ff
```
#2c50ff rgb(44,80,255)
```
#2c3fff
```
#2c3fff rgb(44,63,255)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```
#3d2cff
```
#3d2cff rgb(61,44,255)
```
#4e2cff
```
#4e2cff rgb(78,44,255)
```
#602cff
```
#602cff rgb(96,44,255)
```

Similar Colors

Text with hexadecimal color #2c2dff

This text has a font color of #2c2dff.

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

#2c2dff background color

This paragraph has a background color of #2c2dff.

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

#2c2dff border color

This element has a border color of #2c2dff.

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

CSS codes

.text {color:#2c2dff;}

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

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

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 #f0f0ff is the lightest one.

#000005
```
#000005 rgb(0,0,5)
```
#000018
```
#000018 rgb(0,0,24)
```
#00002c
```
#00002c rgb(0,0,44)
```
#000040
```
#000040 rgb(0,0,64)
```
#000053
```
#000053 rgb(0,0,83)
```
#000067
```
#000067 rgb(0,0,103)
```
#00017a
```
#00017a rgb(0,1,122)
```
#00018e
```
#00018e rgb(0,1,142)
```
#0001a2
```
#0001a2 rgb(0,1,162)
```
#0001b5
```
#0001b5 rgb(0,1,181)
```
#0001c9
```
#0001c9 rgb(0,1,201)
```
#0001dd
```
#0001dd rgb(0,1,221)
```
#0001f0
```
#0001f0 rgb(0,1,240)
```

Shade Color Variation

#0506ff
```
#0506ff rgb(5,6,255)
```
#1819ff
```
#1819ff rgb(24,25,255)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```
#4041ff
```
#4041ff rgb(64,65,255)
```
#5354ff
```
#5354ff rgb(83,84,255)
```
#6768ff
```
#6768ff rgb(103,104,255)
```
#7a7bff
```
#7a7bff rgb(122,123,255)
```
#8e8fff
```
#8e8fff rgb(142,143,255)
```
#a2a2ff
```
#a2a2ff rgb(162,162,255)
```
#b5b6ff
```
#b5b6ff rgb(181,182,255)
```
#c9c9ff
```
#c9c9ff rgb(201,201,255)
```
#ddddff
```
#ddddff rgb(221,221,255)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#8d8d9e
```
#8d8d9e rgb(141,141,158)
```
#8585a6
```
#8585a6 rgb(133,133,166)
```
#7d7dae
```
#7d7dae rgb(125,125,174)
```
#7575b6
```
#7575b6 rgb(117,117,182)
```
#6d6dbe
```
#6d6dbe rgb(109,109,190)
```
#6565c6
```
#6565c6 rgb(101,101,198)
```
#5d5dce
```
#5d5dce rgb(93,93,206)
```
#5555d6
```
#5555d6 rgb(85,85,214)
```
#4c4ddf
```
#4c4ddf rgb(76,77,223)
```
#4445e7
```
#4445e7 rgb(68,69,231)
```
#3c3def
```
#3c3def rgb(60,61,239)
```
#3435f7
```
#3435f7 rgb(52,53,247)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#40406a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00639c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#104bd0 Protanomaly 1% of men, 0.01% of women
#104fc0 Deuteranomaly 6% of men, 0.4% of women
#1053a2 Tritanomaly 0.01% of the population