#1ca5bc hex color

In a RGB color space, hex #1ca5bc is composed of 11% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 188.6 degrees, a saturation of 74.1% and a lightness of 42.4%. #1ca5bc color hex could be obtained by blending #38ffff with #004b79. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 65
- B 74
RGB color chart
- C 85
- M 12
- Y 0
- K 26
CMYK color chart

● #1ca5bc color description : Strong cyan.

The hexadecimal color #1ca5bc has RGB values of R:28, G:165, B:188 and CMYK values of C:0.85, M:0.12, Y:0, K:0.26. Its decimal value is 1877436.

Hex triplet	1ca5bc	`#1ca5bc`
RGB Decimal	28, 165, 188	`rgb(28,165,188)`
RGB Percent	11, 64.7, 73.7	`rgb(11%,64.7%,73.7%)`
CMYK	85, 12, 0, 26
HSL	188.6°, 74.1, 42.4	`hsl(188.6,74.1%,42.4%)`
HSV (or HSB)	188.6°, 85.1, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.326, -25.997, -21.589
XYZ	23.009, 30.786, 52.304
xyY	0.217, 0.29, 30.786
CIE-LCH	62.326, 33.793, 219.708
CIE-LUV	62.326, -44.092, -29.625
Hunter-Lab	55.485, -23.078, -17.051
Binary	00011100, 10100101, 10111100

#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#bc331c
```
#bc331c rgb(188,51,28)
```

Complementary Color

#1cbc83
```
#1cbc83 rgb(28,188,131)
```
#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#1c55bc
```
#1c55bc rgb(28,85,188)
```

Analogous Color

#bc831c
```
#bc831c rgb(188,131,28)
```
#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#bc1c55
```
#bc1c55 rgb(188,28,85)
```

Split Complementary Color

#a5bc1c
```
#a5bc1c rgb(165,188,28)
```
#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#bc1ca5
```
#bc1ca5 rgb(188,28,165)
```

Triadic Color

#1cbc33
```
#1cbc33 rgb(28,188,51)
```
#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#bc1ca5
```
#bc1ca5 rgb(188,28,165)
```
#bc331c
```
#bc331c rgb(188,51,28)
```

Tetradic Color

#126b79
```
#126b79 rgb(18,107,121)
```
#157e90
```
#157e90 rgb(21,126,144)
```
#1992a6
```
#1992a6 rgb(25,146,166)
```
#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#1fb8d2
```
#1fb8d2 rgb(31,184,210)
```
#2cc6e0
```
#2cc6e0 rgb(44,198,224)
```
#42cce3
```
#42cce3 rgb(66,204,227)
```

Monochromatic Color

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

#1cbcab
```
#1cbcab rgb(28,188,171)
```
#1cbcb8
```
#1cbcb8 rgb(28,188,184)
```
#1cb2bc
```
#1cb2bc rgb(28,178,188)
```
#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#1c98bc
```
#1c98bc rgb(28,152,188)
```
#1c8abc
```
#1c8abc rgb(28,138,188)
```
#1c7dbc
```
#1c7dbc rgb(28,125,188)
```

Similar Colors

Text with hexadecimal color #1ca5bc

This text has a font color of #1ca5bc.

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

#1ca5bc background color

This paragraph has a background color of #1ca5bc.

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

#1ca5bc border color

This element has a border color of #1ca5bc.

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

CSS codes

.text {color:#1ca5bc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030f11
```
#030f11 rgb(3,15,17)
```
#051e22
```
#051e22 rgb(5,30,34)
```
#082d33
```
#082d33 rgb(8,45,51)
```
#0a3c44
```
#0a3c44 rgb(10,60,68)
```
#0d4b56
```
#0d4b56 rgb(13,75,86)
```
#0f5a67
```
#0f5a67 rgb(15,90,103)
```
#126978
```
#126978 rgb(18,105,120)
```
#147889
```
#147889 rgb(20,120,137)
```
#17879a
```
#17879a rgb(23,135,154)
```
#1996ab
```
#1996ab rgb(25,150,171)
```
#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#1fb4cd
```
#1fb4cd rgb(31,180,205)
```

Shade Color Variation

#21c3de
```
#21c3de rgb(33,195,222)
```
#32c7e1
```
#32c7e1 rgb(50,199,225)
```
#43cce3
```
#43cce3 rgb(67,204,227)
```
#54d1e6
```
#54d1e6 rgb(84,209,230)
```
#66d5e8
```
#66d5e8 rgb(102,213,232)
```
#77daeb
```
#77daeb rgb(119,218,235)
```
#88dfed
```
#88dfed rgb(136,223,237)
```
#99e3f0
```
#99e3f0 rgb(153,227,240)
```
#aae8f2
```
#aae8f2 rgb(170,232,242)
```
#bbedf5
```
#bbedf5 rgb(187,237,245)
```
#ccf1f7
```
#ccf1f7 rgb(204,241,247)
```
#ddf6fa
```
#ddf6fa rgb(221,246,250)
```
#eefafc
```
#eefafc rgb(238,250,252)
```

Tint Color Variation

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

#677071
```
#677071 rgb(103,112,113)
```
#5e767a
```
#5e767a rgb(94,118,122)
```
#567c82
```
#567c82 rgb(86,124,130)
```
#4e818a
```
#4e818a rgb(78,129,138)
```
#468792
```
#468792 rgb(70,135,146)
```
#3d8d9b
```
#3d8d9b rgb(61,141,155)
```
#3593a3
```
#3593a3 rgb(53,147,163)
```
#2d99ab
```
#2d99ab rgb(45,153,171)
```
#249fb4
```
#249fb4 rgb(36,159,180)
```
#1ca5bc
```
#1ca5bc rgb(28,165,188)
```
#14abc4
```
#14abc4 rgb(20,171,196)
```
#0bb1cd
```
#0bb1cd rgb(11,177,205)
```
#03b7d5
```
#03b7d5 rgb(3,183,213)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6b878b Atypical Achromatopsia 0.001% of the population

Dichromacy

#969ab6 Protanopia 1% of men
#9299c5 Deuteranopia 1% of men
#17abb7 Tritanopia 0.001% of the population

Trichromacy

#699eb8 Protanomaly 1% of men, 0.01% of women
#679dc2 Deuteranomaly 6% of men, 0.4% of women
#18a8b9 Tritanomaly 0.01% of the population

#1ca5bc hex color

#1ca5bc Color Information

#1ca5bc Color Conversion

Color Schemes with #1ca5bc

Alternatives to #1ca5bc

#1ca5bc Preview

Shades and Tints of #1ca5bc

Tones of #1ca5bc

Color Blindness Simulator