#1caad2 hex color

In a RGB color space, hex #1caad2 is composed of 11% red, 66.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 19% magenta, 0% yellow and 17.6% black. It has a hue angle of 193.2 degrees, a saturation of 76.5% and a lightness of 46.7%. #1caad2 color hex could be obtained by blending #38ffff with #0055a5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 67
- B 82
RGB color chart
- C 87
- M 19
- Y 0
- K 18
CMYK color chart

● #1caad2 color description : Strong cyan.

The hexadecimal color #1caad2 has RGB values of R:28, G:170, B:210 and CMYK values of C:0.87, M:0.19, Y:0, K:0.18. Its decimal value is 1878738.

Hex triplet	1caad2	`#1caad2`
RGB Decimal	28, 170, 210	`rgb(28,170,210)`
RGB Percent	11, 66.7, 82.4	`rgb(11%,66.7%,82.4%)`
CMYK	87, 19, 0, 18
HSL	193.2°, 76.5, 46.7	`hsl(193.2,76.5%,46.7%)`
HSV (or HSB)	193.2°, 86.7, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.681, -21.191, -30.214
XYZ	26.483, 33.647, 66.068
xyY	0.21, 0.267, 33.647
CIE-LCH	64.681, 36.904, 234.956
CIE-LUV	64.681, -44.233, -44.704
Hunter-Lab	58.006, -20.014, -26.926
Binary	00011100, 10101010, 11010010

#1caad2
```
#1caad2 rgb(28,170,210)
```
#d2441c
```
#d2441c rgb(210,68,28)
```

Complementary Color

#1cd29f
```
#1cd29f rgb(28,210,159)
```
#1caad2
```
#1caad2 rgb(28,170,210)
```
#1c4fd2
```
#1c4fd2 rgb(28,79,210)
```

Analogous Color

#d29f1c
```
#d29f1c rgb(210,159,28)
```
#1caad2
```
#1caad2 rgb(28,170,210)
```
#d21c4f
```
#d21c4f rgb(210,28,79)
```

Split Complementary Color

#aad21c
```
#aad21c rgb(170,210,28)
```
#1caad2
```
#1caad2 rgb(28,170,210)
```
#d21caa
```
#d21caa rgb(210,28,170)
```

Triadic Color

#1cd244
```
#1cd244 rgb(28,210,68)
```
#1caad2
```
#1caad2 rgb(28,170,210)
```
#d21caa
```
#d21caa rgb(210,28,170)
```
#d2441c
```
#d2441c rgb(210,68,28)
```

Tetradic Color

#13738f
```
#13738f rgb(19,115,143)
```
#1686a5
```
#1686a5 rgb(22,134,165)
```
#1998bc
```
#1998bc rgb(25,152,188)
```
#1caad2
```
#1caad2 rgb(28,170,210)
```
#26b9e2
```
#26b9e2 rgb(38,185,226)
```
#3cc0e5
```
#3cc0e5 rgb(60,192,229)
```
#53c7e8
```
#53c7e8 rgb(83,199,232)
```

Monochromatic Color

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

#1cd2cd
```
#1cd2cd rgb(28,210,205)
```
#1cc8d2
```
#1cc8d2 rgb(28,200,210)
```
#1cb9d2
```
#1cb9d2 rgb(28,185,210)
```
#1caad2
```
#1caad2 rgb(28,170,210)
```
#1c9bd2
```
#1c9bd2 rgb(28,155,210)
```
#1c8cd2
```
#1c8cd2 rgb(28,140,210)
```
#1c7dd2
```
#1c7dd2 rgb(28,125,210)
```

Similar Colors

Text with hexadecimal color #1caad2

This text has a font color of #1caad2.

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

#1caad2 background color

This paragraph has a background color of #1caad2.

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

#1caad2 border color

This element has a border color of #1caad2.

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

CSS codes

.text {color:#1caad2;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#031014
```
#031014 rgb(3,16,20)
```
#051e25
```
#051e25 rgb(5,30,37)
```
#072c36
```
#072c36 rgb(7,44,54)
```
#0a3a48
```
#0a3a48 rgb(10,58,72)
```
#0c4859
```
#0c4859 rgb(12,72,89)
```
#0e566a
```
#0e566a rgb(14,86,106)
```
#10647b
```
#10647b rgb(16,100,123)
```
#13728d
```
#13728d rgb(19,114,141)
```
#15809e
```
#15809e rgb(21,128,158)
```
#178eaf
```
#178eaf rgb(23,142,175)
```
#1a9cc1
```
#1a9cc1 rgb(26,156,193)
```
#1caad2
```
#1caad2 rgb(28,170,210)
```

Shade Color Variation

#20b7e1
```
#20b7e1 rgb(32,183,225)
```
#32bce4
```
#32bce4 rgb(50,188,228)
```
#43c2e6
```
#43c2e6 rgb(67,194,230)
```
#54c8e8
```
#54c8e8 rgb(84,200,232)
```
#66cdeb
```
#66cdeb rgb(102,205,235)
```
#77d3ed
```
#77d3ed rgb(119,211,237)
```
#88d9ef
```
#88d9ef rgb(136,217,239)
```
#99def1
```
#99def1 rgb(153,222,241)
```
#abe4f4
```
#abe4f4 rgb(171,228,244)
```
#bce9f6
```
#bce9f6 rgb(188,233,246)
```
#cdeff8
```
#cdeff8 rgb(205,239,248)
```
#dff5fb
```
#dff5fb rgb(223,245,251)
```
#f0fafd
```
#f0fafd rgb(240,250,253)
```

Tint Color Variation

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

#6e7c80
```
#6e7c80 rgb(110,124,128)
```
#658189
```
#658189 rgb(101,129,137)
```
#5c8692
```
#5c8692 rgb(92,134,146)
```
#538b9b
```
#538b9b rgb(83,139,155)
```
#4a90a4
```
#4a90a4 rgb(74,144,164)
```
#4195ad
```
#4195ad rgb(65,149,173)
```
#379bb7
```
#379bb7 rgb(55,155,183)
```
#2ea0c0
```
#2ea0c0 rgb(46,160,192)
```
#25a5c9
```
#25a5c9 rgb(37,165,201)
```
#1caad2
```
#1caad2 rgb(28,170,210)
```
#13afdb
```
#13afdb rgb(19,175,219)
```
#0ab4e4
```
#0ab4e4 rgb(10,180,228)
```
#01b9ed
```
#01b9ed rgb(1,185,237)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6f8c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a0ca Protanopia 1% of men
#8ea0da Deuteranopia 1% of men
#00b1be Tritanopia 0.001% of the population

Trichromacy

#69a3cd Protanomaly 1% of men, 0.01% of women
#64a3d7 Deuteranomaly 6% of men, 0.4% of women
#0aaec5 Tritanomaly 0.01% of the population

#1caad2 hex color

#1caad2 Color Information

#1caad2 Color Conversion

Color Schemes with #1caad2

Alternatives to #1caad2

#1caad2 Preview

Shades and Tints of #1caad2

Tones of #1caad2

Color Blindness Simulator