#1ca2df hex color

In a RGB color space, hex #1ca2df is composed of 11% red, 63.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 27.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 198.8 degrees, a saturation of 77.7% and a lightness of 49.2%. #1ca2df color hex could be obtained by blending #38ffff with #0045bf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 64
- B 87
RGB color chart
- C 87
- M 27
- Y 0
- K 13
CMYK color chart

● #1ca2df color description : Vivid blue.

The hexadecimal color #1ca2df has RGB values of R:28, G:162, B:223 and CMYK values of C:0.87, M:0.27, Y:0, K:0.13. Its decimal value is 1876703.

Hex triplet	1ca2df	`#1ca2df`
RGB Decimal	28, 162, 223	`rgb(28,162,223)`
RGB Percent	11, 63.5, 87.5	`rgb(11%,63.5%,87.5%)`
CMYK	87, 27, 0, 13
HSL	198.8°, 77.7, 49.2	`hsl(198.8,77.7%,49.2%)`
HSV (or HSB)	198.8°, 87.4, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.855, -12.366, -40.251
XYZ	26.715, 31.413, 74.463
xyY	0.201, 0.237, 31.413
CIE-LCH	62.855, 42.108, 252.922
CIE-LUV	62.855, -40.601, -62.413
Hunter-Lab	56.047, -12.999, -39.539
Binary	00011100, 10100010, 11011111

#1ca2df
```
#1ca2df rgb(28,162,223)
```
#df591c
```
#df591c rgb(223,89,28)
```

Complementary Color

#1cdfbb
```
#1cdfbb rgb(28,223,187)
```
#1ca2df
```
#1ca2df rgb(28,162,223)
```
#1c41df
```
#1c41df rgb(28,65,223)
```

Analogous Color

#dfbb1c
```
#dfbb1c rgb(223,187,28)
```
#1ca2df
```
#1ca2df rgb(28,162,223)
```
#df1c41
```
#df1c41 rgb(223,28,65)
```

Split Complementary Color

#a2df1c
```
#a2df1c rgb(162,223,28)
```
#1ca2df
```
#1ca2df rgb(28,162,223)
```
#df1ca2
```
#df1ca2 rgb(223,28,162)
```

Triadic Color

#1cdf59
```
#1cdf59 rgb(28,223,89)
```
#1ca2df
```
#1ca2df rgb(28,162,223)
```
#df1ca2
```
#df1ca2 rgb(223,28,162)
```
#df591c
```
#df591c rgb(223,89,28)
```

Tetradic Color

#13719b
```
#13719b rgb(19,113,155)
```
#1681b2
```
#1681b2 rgb(22,129,178)
```
#1992c8
```
#1992c8 rgb(25,146,200)
```
#1ca2df
```
#1ca2df rgb(28,162,223)
```
#30ace5
```
#30ace5 rgb(48,172,229)
```
#46b5e8
```
#46b5e8 rgb(70,181,232)
```
#5dbeeb
```
#5dbeeb rgb(93,190,235)
```

Monochromatic Color

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

#1cd3df
```
#1cd3df rgb(28,211,223)
```
#1cc3df
```
#1cc3df rgb(28,195,223)
```
#1cb2df
```
#1cb2df rgb(28,178,223)
```
#1ca2df
```
#1ca2df rgb(28,162,223)
```
#1c92df
```
#1c92df rgb(28,146,223)
```
#1c82df
```
#1c82df rgb(28,130,223)
```
#1c71df
```
#1c71df rgb(28,113,223)
```

Similar Colors

Text with hexadecimal color #1ca2df

This text has a font color of #1ca2df.

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

#1ca2df background color

This paragraph has a background color of #1ca2df.

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

#1ca2df border color

This element has a border color of #1ca2df.

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

CSS codes

.text {color:#1ca2df;}

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

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

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, #020a0e is the darkest color, while #fbfeff is the lightest one.

#020a0e
```
#020a0e rgb(2,10,14)
```
#04171f
```
#04171f rgb(4,23,31)
```
#062331
```
#062331 rgb(6,35,49)
```
#083042
```
#083042 rgb(8,48,66)
```
#0a3d54
```
#0a3d54 rgb(10,61,84)
```
#0d4965
```
#0d4965 rgb(13,73,101)
```
#0f5676
```
#0f5676 rgb(15,86,118)
```
#116388
```
#116388 rgb(17,99,136)
```
#136f99
```
#136f99 rgb(19,111,153)
```
#157cab
```
#157cab rgb(21,124,171)
```
#1889bc
```
#1889bc rgb(24,137,188)
```
#1a95ce
```
#1a95ce rgb(26,149,206)
```
#1ca2df
```
#1ca2df rgb(28,162,223)
```

Shade Color Variation

#2aaae4
```
#2aaae4 rgb(42,170,228)
```
#3cb1e6
```
#3cb1e6 rgb(60,177,230)
```
#4db8e9
```
#4db8e9 rgb(77,184,233)
```
#5fbfeb
```
#5fbfeb rgb(95,191,235)
```
#70c6ed
```
#70c6ed rgb(112,198,237)
```
#81cdef
```
#81cdef rgb(129,205,239)
```
#93d4f1
```
#93d4f1 rgb(147,212,241)
```
#a4dbf4
```
#a4dbf4 rgb(164,219,244)
```
#b6e2f6
```
#b6e2f6 rgb(182,226,246)
```
#c7e9f8
```
#c7e9f8 rgb(199,233,248)
```
#d9f0fa
```
#d9f0fa rgb(217,240,250)
```
#eaf7fc
```
#eaf7fc rgb(234,247,252)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e7e is the less saturated color, while #09a9f2 is the most saturated one.

#7d7e7e
```
#7d7e7e rgb(125,126,126)
```
#738188
```
#738188 rgb(115,129,136)
```
#698592
```
#698592 rgb(105,133,146)
```
#60899b
```
#60899b rgb(96,137,155)
```
#568ca5
```
#568ca5 rgb(86,140,165)
```
#4c90af
```
#4c90af rgb(76,144,175)
```
#4394b8
```
#4394b8 rgb(67,148,184)
```
#3997c2
```
#3997c2 rgb(57,151,194)
```
#2f9bcc
```
#2f9bcc rgb(47,155,204)
```
#269ed5
```
#269ed5 rgb(38,158,213)
```
#1ca2df
```
#1ca2df rgb(28,162,223)
```
#12a6e9
```
#12a6e9 rgb(18,166,233)
```
#09a9f2
```
#09a9f2 rgb(9,169,242)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6d8894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889bd8 Protanopia 1% of men
#799ce4 Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#619dda Protanomaly 1% of men, 0.01% of women
#579ee2 Deuteranomaly 6% of men, 0.4% of women
#0aa8c6 Tritanomaly 0.01% of the population

#1ca2df hex color

#1ca2df Color Information

#1ca2df Color Conversion

Color Schemes with #1ca2df

Alternatives to #1ca2df

#1ca2df Preview

Shades and Tints of #1ca2df

Tones of #1ca2df

Color Blindness Simulator