#1ca2ff hex color

In a RGB color space, hex #1ca2ff is composed of 11% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 204.6 degrees, a saturation of 100% and a lightness of 55.5%. #1ca2ff color hex could be obtained by blending #38ffff with #0045ff. Closest websafe color is: #3399ff.

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

● #1ca2ff color description : Vivid blue.

The hexadecimal color #1ca2ff has RGB values of R:28, G:162, B:255 and CMYK values of C:0.89, M:0.36, Y:0, K:0. Its decimal value is 1876735.

Hex triplet	1ca2ff	`#1ca2ff`
RGB Decimal	28, 162, 255	`rgb(28,162,255)`
RGB Percent	11, 63.5, 100	`rgb(11%,63.5%,100%)`
CMYK	89, 36, 0, 0
HSL	204.6°, 100, 55.5	`hsl(204.6,100%,55.5%)`
HSV (or HSB)	204.6°, 89, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.407, -0.769, -55.367
XYZ	31.445, 33.305, 99.373
xyY	0.192, 0.203, 33.305
CIE-LCH	64.407, 55.372, 269.205
CIE-LUV	64.407, -38.633, -89.443
Hunter-Lab	57.71, -3.732, -61.697
Binary	00011100, 10100010, 11111111

#1ca2ff
```
#1ca2ff rgb(28,162,255)
```
#ff791c
```
#ff791c rgb(255,121,28)
```

Complementary Color

#1cffeb
```
#1cffeb rgb(28,255,235)
```
#1ca2ff
```
#1ca2ff rgb(28,162,255)
```
#1c31ff
```
#1c31ff rgb(28,49,255)
```

Analogous Color

#ffeb1c
```
#ffeb1c rgb(255,235,28)
```
#1ca2ff
```
#1ca2ff rgb(28,162,255)
```
#ff1c31
```
#ff1c31 rgb(255,28,49)
```

Split Complementary Color

#a2ff1c
```
#a2ff1c rgb(162,255,28)
```
#1ca2ff
```
#1ca2ff rgb(28,162,255)
```
#ff1ca2
```
#ff1ca2 rgb(255,28,162)
```

Triadic Color

#1cff79
```
#1cff79 rgb(28,255,121)
```
#1ca2ff
```
#1ca2ff rgb(28,162,255)
```
#ff1ca2
```
#ff1ca2 rgb(255,28,162)
```
#ff791c
```
#ff791c rgb(255,121,28)
```

Tetradic Color

#007acf
```
#007acf rgb(0,122,207)
```
#0089e8
```
#0089e8 rgb(0,137,232)
```
#0298ff
```
#0298ff rgb(2,152,255)
```
#1ca2ff
```
#1ca2ff rgb(28,162,255)
```
#36acff
```
#36acff rgb(54,172,255)
```
#4fb7ff
```
#4fb7ff rgb(79,183,255)
```
#69c1ff
```
#69c1ff rgb(105,193,255)
```

Monochromatic Color

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

#1cdbff
```
#1cdbff rgb(28,219,255)
```
#1cc8ff
```
#1cc8ff rgb(28,200,255)
```
#1cb5ff
```
#1cb5ff rgb(28,181,255)
```
#1ca2ff
```
#1ca2ff rgb(28,162,255)
```
#1c8fff
```
#1c8fff rgb(28,143,255)
```
#1c7cff
```
#1c7cff rgb(28,124,255)
```
#1c69ff
```
#1c69ff rgb(28,105,255)
```

Similar Colors

Text with hexadecimal color #1ca2ff

This text has a font color of #1ca2ff.

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

#1ca2ff background color

This paragraph has a background color of #1ca2ff.

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

#1ca2ff border color

This element has a border color of #1ca2ff.

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

CSS codes

.text {color:#1ca2ff;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00111c
```
#00111c rgb(0,17,28)
```
#001c30
```
#001c30 rgb(0,28,48)
```
#002843
```
#002843 rgb(0,40,67)
```
#003357
```
#003357 rgb(0,51,87)
```
#003f6a
```
#003f6a rgb(0,63,106)
```
#004a7e
```
#004a7e rgb(0,74,126)
```
#005692
```
#005692 rgb(0,86,146)
```
#0062a5
```
#0062a5 rgb(0,98,165)
```
#006db9
```
#006db9 rgb(0,109,185)
```
#0079cd
```
#0079cd rgb(0,121,205)
```
#0084e0
```
#0084e0 rgb(0,132,224)
```
#0090f4
```
#0090f4 rgb(0,144,244)
```

Shade Color Variation

#089aff
```
#089aff rgb(8,154,255)
```
#1ca2ff
```
#1ca2ff rgb(28,162,255)
```
#30aaff
```
#30aaff rgb(48,170,255)
```
#43b2ff
```
#43b2ff rgb(67,178,255)
```
#57baff
```
#57baff rgb(87,186,255)
```
#6ac2ff
```
#6ac2ff rgb(106,194,255)
```
#7ecaff
```
#7ecaff rgb(126,202,255)
```
#92d2ff
```
#92d2ff rgb(146,210,255)
```
#a5daff
```
#a5daff rgb(165,218,255)
```
#b9e2ff
```
#b9e2ff rgb(185,226,255)
```
#cdeaff
```
#cdeaff rgb(205,234,255)
```
#e0f2ff
```
#e0f2ff rgb(224,242,255)
```
#f4faff
```
#f4faff rgb(244,250,255)
```

Tint Color Variation

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

#858f96
```
#858f96 rgb(133,143,150)
```
#7c919f
```
#7c919f rgb(124,145,159)
```
#7392a8
```
#7392a8 rgb(115,146,168)
```
#6b94b0
```
#6b94b0 rgb(107,148,176)
```
#6295b9
```
#6295b9 rgb(98,149,185)
```
#5997c2
```
#5997c2 rgb(89,151,194)
```
#5099cb
```
#5099cb rgb(80,153,203)
```
#489ad3
```
#489ad3 rgb(72,154,211)
```
#3f9cdc
```
#3f9cdc rgb(63,156,220)
```
#369de5
```
#369de5 rgb(54,157,229)
```
#2d9fee
```
#2d9fee rgb(45,159,238)
```
#25a0f6
```
#25a0f6 rgb(37,160,246)
```
#1ca2ff
```
#1ca2ff rgb(28,162,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#708b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9ef8 Protanopia 1% of men
#5ca2ff Deuteranopia 1% of men
#00b1bc Tritanopia 0.001% of the population

Trichromacy

#589ffa Protanomaly 1% of men, 0.01% of women
#44a2ff Deuteranomaly 6% of men, 0.4% of women
#0aabd4 Tritanomaly 0.01% of the population

#1ca2ff hex color

#1ca2ff Color Information

#1ca2ff Color Conversion

Color Schemes with #1ca2ff

Alternatives to #1ca2ff

#1ca2ff Preview

Shades and Tints of #1ca2ff

Tones of #1ca2ff

Color Blindness Simulator