colorhexa.com

#1ca5cc hex color

In a RGB color space, hex #1ca5cc is composed of 11% red, 64.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 19.1% magenta, 0% yellow and 20% black. It has a hue angle of 193.3 degrees, a saturation of 75.9% and a lightness of 45.5%. #1ca5cc color hex could be obtained by blending #38ffff with #004b99. Closest websafe color is: #3399cc.

- R 11
- G 65
- B 80
RGB color chart
- C 86
- M 19
- Y 0
- K 20
CMYK color chart

● #1ca5cc color description : Strong cyan.

The hexadecimal color #1ca5cc has RGB values of R:28, G:165, B:204 and CMYK values of C:0.86, M:0.19, Y:0, K:0.2. Its decimal value is 1877452.

Hex triplet	1ca5cc	`#1ca5cc`
RGB Decimal	28, 165, 204	`rgb(28,165,204)`
RGB Percent	11, 64.7, 80	`rgb(11%,64.7%,80%)`
CMYK	86, 19, 0, 20
HSL	193.3°, 75.9, 45.5	`hsl(193.3,75.9%,45.5%)`
HSV (or HSB)	193.3°, 86.3, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.939, -20.624, -29.577
XYZ	24.83, 31.514, 61.898
xyY	0.21, 0.267, 31.514
CIE-LCH	62.939, 36.057, 235.111
CIE-LUV	62.939, -42.934, -43.538
Hunter-Lab	56.138, -19.289, -26.077
Binary	00011100, 10100101, 11001100

#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#cc431c
```
#cc431c rgb(204,67,28)
```

Complementary Color

#1ccc9b
```
#1ccc9b rgb(28,204,155)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#1c4dcc
```
#1c4dcc rgb(28,77,204)
```

Analogous Color

#cc9b1c
```
#cc9b1c rgb(204,155,28)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#cc1c4d
```
#cc1c4d rgb(204,28,77)
```

Split Complementary Color

#a5cc1c
```
#a5cc1c rgb(165,204,28)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#cc1ca5
```
#cc1ca5 rgb(204,28,165)
```

Triadic Color

#1ccc43
```
#1ccc43 rgb(28,204,67)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#cc1ca5
```
#cc1ca5 rgb(204,28,165)
```
#cc431c
```
#cc431c rgb(204,67,28)
```

Tetradic Color

#136f89
```
#136f89 rgb(19,111,137)
```
#16819f
```
#16819f rgb(22,129,159)
```
#1993b6
```
#1993b6 rgb(25,147,182)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#21b6e1
```
#21b6e1 rgb(33,182,225)
```
#37bde4
```
#37bde4 rgb(55,189,228)
```
#4ec5e7
```
#4ec5e7 rgb(78,197,231)
```

Monochromatic Color

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

#1cccc7
```
#1cccc7 rgb(28,204,199)
```
#1cc2cc
```
#1cc2cc rgb(28,194,204)
```
#1cb4cc
```
#1cb4cc rgb(28,180,204)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#1c96cc
```
#1c96cc rgb(28,150,204)
```
#1c88cc
```
#1c88cc rgb(28,136,204)
```
#1c79cc
```
#1c79cc rgb(28,121,204)
```

Similar Colors

Text with hexadecimal color #1ca5cc

This text has a font color of #1ca5cc.

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

#1ca5cc background color

This paragraph has a background color of #1ca5cc.

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

#1ca5cc border color

This element has a border color of #1ca5cc.

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

CSS codes

.text {color:#1ca5cc;}

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

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

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

#020c0e
```
#020c0e rgb(2,12,14)
```
#041920
```
#041920 rgb(4,25,32)
```
#072731
```
#072731 rgb(7,39,49)
```
#093542
```
#093542 rgb(9,53,66)
```
#0b4353
```
#0b4353 rgb(11,67,83)
```
#0e5165
```
#0e5165 rgb(14,81,101)
```
#105f76
```
#105f76 rgb(16,95,118)
```
#136d87
```
#136d87 rgb(19,109,135)
```
#157b98
```
#157b98 rgb(21,123,152)
```
#1789aa
```
#1789aa rgb(23,137,170)
```
#1a97bb
```
#1a97bb rgb(26,151,187)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#1eb3dd
```
#1eb3dd rgb(30,179,221)
```

Shade Color Variation

#2dbae2
```
#2dbae2 rgb(45,186,226)
```
#3ec0e5
```
#3ec0e5 rgb(62,192,229)
```
#50c5e7
```
#50c5e7 rgb(80,197,231)
```
#61cbe9
```
#61cbe9 rgb(97,203,233)
```
#72d1ec
```
#72d1ec rgb(114,209,236)
```
#83d6ee
```
#83d6ee rgb(131,214,238)
```
#95dcf0
```
#95dcf0 rgb(149,220,240)
```
#a6e2f3
```
#a6e2f3 rgb(166,226,243)
```
#b7e7f5
```
#b7e7f5 rgb(183,231,245)
```
#c8edf7
```
#c8edf7 rgb(200,237,247)
```
#daf3fa
```
#daf3fa rgb(218,243,250)
```
#ebf8fc
```
#ebf8fc rgb(235,248,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c787c is the less saturated color, while #01b4e7 is the most saturated one.

#6c787c
```
#6c787c rgb(108,120,124)
```
#637d85
```
#637d85 rgb(99,125,133)
```
#5a828e
```
#5a828e rgb(90,130,142)
```
#528796
```
#528796 rgb(82,135,150)
```
#498c9f
```
#498c9f rgb(73,140,159)
```
#4091a8
```
#4091a8 rgb(64,145,168)
```
#3796b1
```
#3796b1 rgb(55,150,177)
```
#2e9bba
```
#2e9bba rgb(46,155,186)
```
#25a0c3
```
#25a0c3 rgb(37,160,195)
```
#1ca5cc
```
#1ca5cc rgb(28,165,204)
```
#13aad5
```
#13aad5 rgb(19,170,213)
```
#0aafde
```
#0aafde rgb(10,175,222)
```
#01b4e7
```
#01b4e7 rgb(1,180,231)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6c878f Atypical Achromatopsia 0.001% of the population

Dichromacy

#929cc5 Protanopia 1% of men
#8a9bd4 Deuteranopia 1% of men
#00acb9 Tritanopia 0.001% of the population

Trichromacy

#679fc7 Protanomaly 1% of men, 0.01% of women
#629fd1 Deuteranomaly 6% of men, 0.4% of women
#0aaac0 Tritanomaly 0.01% of the population