#1c2cff hex color

In a RGB color space, hex #1c2cff is composed of 11% red, 17.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 82.7% magenta, 0% yellow and 0% black. It has a hue angle of 235.8 degrees, a saturation of 100% and a lightness of 55.5%. #1c2cff color hex could be obtained by blending #3858ff with #0000ff. Closest websafe color is: #3333ff.

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

● #1c2cff color description : Vivid blue.

The hexadecimal color #1c2cff has RGB values of R:28, G:44, B:255 and CMYK values of C:0.89, M:0.83, Y:0, K:0. Its decimal value is 1846527.

Hex triplet	1c2cff	`#1c2cff`
RGB Decimal	28, 44, 255	`rgb(28,44,255)`
RGB Percent	11, 17.3, 100	`rgb(11%,17.3%,100%)`
CMYK	89, 83, 0, 0
HSL	235.8°, 100, 55.5	`hsl(235.8,100%,55.5%)`
HSV (or HSB)	235.8°, 89, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.493, 68.26, -100.851
XYZ	19.426, 9.267, 95.367
xyY	0.157, 0.075, 9.267
CIE-LCH	36.493, 121.78, 304.091
CIE-LUV	36.493, -10.93, -133.176
Hunter-Lab	30.441, 60.636, -164.436
Binary	00011100, 00101100, 11111111

#1c2cff
```
#1c2cff rgb(28,44,255)
```
#ffef1c
```
#ffef1c rgb(255,239,28)
```

Complementary Color

#1c9eff
```
#1c9eff rgb(28,158,255)
```
#1c2cff
```
#1c2cff rgb(28,44,255)
```
#7e1cff
```
#7e1cff rgb(126,28,255)
```

Analogous Color

#9eff1c
```
#9eff1c rgb(158,255,28)
```
#1c2cff
```
#1c2cff rgb(28,44,255)
```
#ff7e1c
```
#ff7e1c rgb(255,126,28)
```

Split Complementary Color

#2cff1c
```
#2cff1c rgb(44,255,28)
```
#1c2cff
```
#1c2cff rgb(28,44,255)
```
#ff1c2c
```
#ff1c2c rgb(255,28,44)
```

Triadic Color

#1cffef
```
#1cffef rgb(28,255,239)
```
#1c2cff
```
#1c2cff rgb(28,44,255)
```
#ff1c2c
```
#ff1c2c rgb(255,28,44)
```
#ffef1c
```
#ffef1c rgb(255,239,28)
```

Tetradic Color

#000fcf
```
#000fcf rgb(0,15,207)
```
#0010e8
```
#0010e8 rgb(0,16,232)
```
#0214ff
```
#0214ff rgb(2,20,255)
```
#1c2cff
```
#1c2cff rgb(28,44,255)
```
#3644ff
```
#3644ff rgb(54,68,255)
```
#4f5bff
```
#4f5bff rgb(79,91,255)
```
#6973ff
```
#6973ff rgb(105,115,255)
```

Monochromatic Color

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

#1c65ff
```
#1c65ff rgb(28,101,255)
```
#1c52ff
```
#1c52ff rgb(28,82,255)
```
#1c3fff
```
#1c3fff rgb(28,63,255)
```
#1c2cff
```
#1c2cff rgb(28,44,255)
```
#1f1cff
```
#1f1cff rgb(31,28,255)
```
#321cff
```
#321cff rgb(50,28,255)
```
#451cff
```
#451cff rgb(69,28,255)
```

Similar Colors

Text with hexadecimal color #1c2cff

This text has a font color of #1c2cff.

<span style="color:#1c2cff;">Text here</span>

#1c2cff background color

This paragraph has a background color of #1c2cff.

<p style="background-color:#1c2cff;">Content here</p>

#1c2cff border color

This element has a border color of #1c2cff.

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

CSS codes

.text {color:#1c2cff;}

.background {background-color:#1c2cff;}

.border {border:1px solid #1c2cff;}

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

#000108
```
#000108 rgb(0,1,8)
```
#00021c
```
#00021c rgb(0,2,28)
```
#000330
```
#000330 rgb(0,3,48)
```
#000543
```
#000543 rgb(0,5,67)
```
#000657
```
#000657 rgb(0,6,87)
```
#00086a
```
#00086a rgb(0,8,106)
```
#00097e
```
#00097e rgb(0,9,126)
```
#000a92
```
#000a92 rgb(0,10,146)
```
#000ca5
```
#000ca5 rgb(0,12,165)
```
#000db9
```
#000db9 rgb(0,13,185)
```
#000ecd
```
#000ecd rgb(0,14,205)
```
#0010e0
```
#0010e0 rgb(0,16,224)
```
#0011f4
```
#0011f4 rgb(0,17,244)
```

Shade Color Variation

#081aff
```
#081aff rgb(8,26,255)
```
#1c2cff
```
#1c2cff rgb(28,44,255)
```
#303eff
```
#303eff rgb(48,62,255)
```
#4350ff
```
#4350ff rgb(67,80,255)
```
#5763ff
```
#5763ff rgb(87,99,255)
```
#6a75ff
```
#6a75ff rgb(106,117,255)
```
#7e87ff
```
#7e87ff rgb(126,135,255)
```
#9299ff
```
#9299ff rgb(146,153,255)
```
#a5acff
```
#a5acff rgb(165,172,255)
```
#b9beff
```
#b9beff rgb(185,190,255)
```
#cdd0ff
```
#cdd0ff rgb(205,208,255)
```
#e0e2ff
```
#e0e2ff rgb(224,226,255)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858696 is the less saturated color, while #1c2cff is the most saturated one.

#858696
```
#858696 rgb(133,134,150)
```
#7c7f9f
```
#7c7f9f rgb(124,127,159)
```
#7377a8
```
#7377a8 rgb(115,119,168)
```
#6b70b0
```
#6b70b0 rgb(107,112,176)
```
#6268b9
```
#6268b9 rgb(98,104,185)
```
#5961c2
```
#5961c2 rgb(89,97,194)
```
#5059cb
```
#5059cb rgb(80,89,203)
```
#4852d3
```
#4852d3 rgb(72,82,211)
```
#3f4adc
```
#3f4adc rgb(63,74,220)
```
#3643e5
```
#3643e5 rgb(54,67,229)
```
#2d3bee
```
#2d3bee rgb(45,59,238)
```
#2534f6
```
#2534f6 rgb(37,52,246)
```
#1c2cff
```
#1c2cff rgb(28,44,255)
```

Tone Color Variation

Below, you can see how #1c2cff 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

#3f3f3f Achromatopsia 0.005% of the population
#383b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#006199 Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#0a4ace Protanomaly 1% of men, 0.01% of women
#0a4ebe Deuteranomaly 6% of men, 0.4% of women
#0a52a1 Tritanomaly 0.01% of the population

#1c2cff hex color

#1c2cff Color Information

#1c2cff Color Conversion

Color Schemes with #1c2cff

Alternatives to #1c2cff

#1c2cff Preview

Shades and Tints of #1c2cff

Tones of #1c2cff

Color Blindness Simulator