#1ca7e0 hex color

In a RGB color space, hex #1ca7e0 is composed of 11% red, 65.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 25.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 197.4 degrees, a saturation of 77.8% and a lightness of 49.4%. #1ca7e0 color hex could be obtained by blending #38ffff with #004fc1. Closest websafe color is: #3399cc.

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

● #1ca7e0 color description : Vivid blue.

The hexadecimal color #1ca7e0 has RGB values of R:28, G:167, B:224 and CMYK values of C:0.88, M:0.25, Y:0, K:0.12. Its decimal value is 1877984.

Hex triplet	1ca7e0	`#1ca7e0`
RGB Decimal	28, 167, 224	`rgb(28,167,224)`
RGB Percent	11, 65.5, 87.8	`rgb(11%,65.5%,87.8%)`
CMYK	88, 25, 0, 12
HSL	197.4°, 77.8, 49.4	`hsl(197.4,77.8%,49.4%)`
HSV (or HSB)	197.4°, 87.5, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.374, -14.744, -38.426
XYZ	27.749, 33.263, 75.475
xyY	0.203, 0.244, 33.263
CIE-LCH	64.374, 41.158, 249.008
CIE-LUV	64.374, -42.229, -59.276
Hunter-Lab	57.675, -15.049, -37.217
Binary	00011100, 10100111, 11100000

#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```
#e0551c
```
#e0551c rgb(224,85,28)
```

Complementary Color

#1ce0b7
```
#1ce0b7 rgb(28,224,183)
```
#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```
#1c45e0
```
#1c45e0 rgb(28,69,224)
```

Analogous Color

#e0b71c
```
#e0b71c rgb(224,183,28)
```
#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```
#e01c45
```
#e01c45 rgb(224,28,69)
```

Split Complementary Color

#a7e01c
```
#a7e01c rgb(167,224,28)
```
#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```
#e01ca7
```
#e01ca7 rgb(224,28,167)
```

Triadic Color

#1ce055
```
#1ce055 rgb(28,224,85)
```
#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```
#e01ca7
```
#e01ca7 rgb(224,28,167)
```
#e0551c
```
#e0551c rgb(224,85,28)
```

Tetradic Color

#14749c
```
#14749c rgb(20,116,156)
```
#1685b3
```
#1685b3 rgb(22,133,179)
```
#1996c9
```
#1996c9 rgb(25,150,201)
```
#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```
#30b1e5
```
#30b1e5 rgb(48,177,229)
```
#47b9e8
```
#47b9e8 rgb(71,185,232)
```
#5ec2eb
```
#5ec2eb rgb(94,194,235)
```

Monochromatic Color

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

#1cd8e0
```
#1cd8e0 rgb(28,216,224)
```
#1cc8e0
```
#1cc8e0 rgb(28,200,224)
```
#1cb7e0
```
#1cb7e0 rgb(28,183,224)
```
#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```
#1c97e0
```
#1c97e0 rgb(28,151,224)
```
#1c86e0
```
#1c86e0 rgb(28,134,224)
```
#1c76e0
```
#1c76e0 rgb(28,118,224)
```

Similar Colors

Text with hexadecimal color #1ca7e0

This text has a font color of #1ca7e0.

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

#1ca7e0 background color

This paragraph has a background color of #1ca7e0.

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

#1ca7e0 border color

This element has a border color of #1ca7e0.

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

CSS codes

.text {color:#1ca7e0;}

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

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

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

#020b0f
```
#020b0f rgb(2,11,15)
```
#041820
```
#041820 rgb(4,24,32)
```
#062532
```
#062532 rgb(6,37,50)
```
#083243
```
#083243 rgb(8,50,67)
```
#0b3f55
```
#0b3f55 rgb(11,63,85)
```
#0d4c66
```
#0d4c66 rgb(13,76,102)
```
#0f5977
```
#0f5977 rgb(15,89,119)
```
#116689
```
#116689 rgb(17,102,137)
```
#13739a
```
#13739a rgb(19,115,154)
```
#1580ac
```
#1580ac rgb(21,128,172)
```
#188dbd
```
#188dbd rgb(24,141,189)
```
#1a9acf
```
#1a9acf rgb(26,154,207)
```
#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```

Shade Color Variation

#2bafe5
```
#2bafe5 rgb(43,175,229)
```
#3db5e7
```
#3db5e7 rgb(61,181,231)
```
#4ebce9
```
#4ebce9 rgb(78,188,233)
```
#5fc2eb
```
#5fc2eb rgb(95,194,235)
```
#71c9ed
```
#71c9ed rgb(113,201,237)
```
#82d0ef
```
#82d0ef rgb(130,208,239)
```
#94d6f2
```
#94d6f2 rgb(148,214,242)
```
#a5ddf4
```
#a5ddf4 rgb(165,221,244)
```
#b7e4f6
```
#b7e4f6 rgb(183,228,246)
```
#c8eaf8
```
#c8eaf8 rgb(200,234,248)
```
#d9f1fa
```
#d9f1fa rgb(217,241,250)
```
#ebf7fc
```
#ebf7fc rgb(235,247,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#7d7e7f
```
#7d7e7f rgb(125,126,127)
```
#738389
```
#738389 rgb(115,131,137)
```
#6a8792
```
#6a8792 rgb(106,135,146)
```
#608b9c
```
#608b9c rgb(96,139,156)
```
#568fa6
```
#568fa6 rgb(86,143,166)
```
#4c93b0
```
#4c93b0 rgb(76,147,176)
```
#4397b9
```
#4397b9 rgb(67,151,185)
```
#399bc3
```
#399bc3 rgb(57,155,195)
```
#2f9fcd
```
#2f9fcd rgb(47,159,205)
```
#26a3d6
```
#26a3d6 rgb(38,163,214)
```
#1ca7e0
```
#1ca7e0 rgb(28,167,224)
```
#12abea
```
#12abea rgb(18,171,234)
```
#09aff3
```
#09aff3 rgb(9,175,243)
```

Tone Color Variation

Below, you can see how #1ca7e0 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
#6f8b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9fd8 Protanopia 1% of men
#80a0e6 Deuteranopia 1% of men
#00b0bd Tritanopia 0.001% of the population

Trichromacy

#64a2db Protanomaly 1% of men, 0.01% of women
#5ba2e3 Deuteranomaly 6% of men, 0.4% of women
#0aadc9 Tritanomaly 0.01% of the population

#1ca7e0 hex color

#1ca7e0 Color Information

#1ca7e0 Color Conversion

Color Schemes with #1ca7e0

Alternatives to #1ca7e0

#1ca7e0 Preview

Shades and Tints of #1ca7e0

Tones of #1ca7e0

Color Blindness Simulator