colorhexa.com

#2cabe2 hex color

In a RGB color space, hex #2cabe2 is composed of 17.3% red, 67.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 24.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 198.1 degrees, a saturation of 75.8% and a lightness of 52.9%. #2cabe2 color hex could be obtained by blending #58ffff with #0057c5. Closest websafe color is: #3399cc.

- R 17
- G 67
- B 89
RGB color chart
- C 81
- M 24
- Y 0
- K 11
CMYK color chart

● #2cabe2 color description : Bright blue.

The hexadecimal color #2cabe2 has RGB values of R:44, G:171, B:226 and CMYK values of C:0.81, M:0.24, Y:0, K:0.11. Its decimal value is 2927586.

Hex triplet	2cabe2	`#2cabe2`
RGB Decimal	44, 171, 226	`rgb(44,171,226)`
RGB Percent	17.3, 67.1, 88.6	`rgb(17.3%,67.1%,88.6%)`
CMYK	81, 24, 0, 11
HSL	198.1°, 75.8, 52.9	`hsl(198.1,75.8%,52.9%)`
HSV (or HSB)	198.1°, 80.5, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.865, -15.004, -37.183
XYZ	29.326, 35.15, 77.186
xyY	0.207, 0.248, 35.15
CIE-LCH	65.865, 40.096, 248.025
CIE-LUV	65.865, -41.959, -57.323
Hunter-Lab	59.287, -15.46, -35.689
Binary	00101100, 10101011, 11100010

#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#e2632c
```
#e2632c rgb(226,99,44)
```

Complementary Color

#2ce2be
```
#2ce2be rgb(44,226,190)
```
#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#2c50e2
```
#2c50e2 rgb(44,80,226)
```

Analogous Color

#e2be2c
```
#e2be2c rgb(226,190,44)
```
#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#e22c50
```
#e22c50 rgb(226,44,80)
```

Split Complementary Color

#abe22c
```
#abe22c rgb(171,226,44)
```
#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#e22cab
```
#e22cab rgb(226,44,171)
```

Triadic Color

#2ce263
```
#2ce263 rgb(44,226,99)
```
#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#e22cab
```
#e22cab rgb(226,44,171)
```
#e2632c
```
#e2632c rgb(226,99,44)
```

Tetradic Color

#177eaa
```
#177eaa rgb(23,126,170)
```
#1a8ec1
```
#1a8ec1 rgb(26,142,193)
```
#1e9fd7
```
#1e9fd7 rgb(30,159,215)
```
#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#42b4e5
```
#42b4e5 rgb(66,180,229)
```
#59bde8
```
#59bde8 rgb(89,189,232)
```
#6fc6eb
```
#6fc6eb rgb(111,198,235)
```

Monochromatic Color

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

#2cd9e2
```
#2cd9e2 rgb(44,217,226)
```
#2cc9e2
```
#2cc9e2 rgb(44,201,226)
```
#2cbae2
```
#2cbae2 rgb(44,186,226)
```
#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#2c9ce2
```
#2c9ce2 rgb(44,156,226)
```
#2c8de2
```
#2c8de2 rgb(44,141,226)
```
#2c7ee2
```
#2c7ee2 rgb(44,126,226)
```

Similar Colors

Text with hexadecimal color #2cabe2

This text has a font color of #2cabe2.

<span style="color:#2cabe2;">Text here</span>

#2cabe2 background color

This paragraph has a background color of #2cabe2.

<p style="background-color:#2cabe2;">Content here</p>

#2cabe2 border color

This element has a border color of #2cabe2.

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

CSS codes

.text {color:#2cabe2;}

.background {background-color:#2cabe2;}

.border {border:1px solid #2cabe2;}

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

#020a0d
```
#020a0d rgb(2,10,13)
```
#04171e
```
#04171e rgb(4,23,30)
```
#072330
```
#072330 rgb(7,35,48)
```
#093041
```
#093041 rgb(9,48,65)
```
#0b3d52
```
#0b3d52 rgb(11,61,82)
```
#0e4a63
```
#0e4a63 rgb(14,74,99)
```
#105675
```
#105675 rgb(16,86,117)
```
#126386
```
#126386 rgb(18,99,134)
```
#157097
```
#157097 rgb(21,112,151)
```
#177da8
```
#177da8 rgb(23,125,168)
```
#1a89ba
```
#1a89ba rgb(26,137,186)
```
#1c96cb
```
#1c96cb rgb(28,150,203)
```
#1ea3dc
```
#1ea3dc rgb(30,163,220)
```

Shade Color Variation

#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#3db2e4
```
#3db2e4 rgb(61,178,228)
```
#4eb9e7
```
#4eb9e7 rgb(78,185,231)
```
#60c0e9
```
#60c0e9 rgb(96,192,233)
```
#71c6eb
```
#71c6eb rgb(113,198,235)
```
#82cdee
```
#82cdee rgb(130,205,238)
```
#93d4f0
```
#93d4f0 rgb(147,212,240)
```
#a5dbf3
```
#a5dbf3 rgb(165,219,243)
```
#b6e2f5
```
#b6e2f5 rgb(182,226,245)
```
#c7e9f7
```
#c7e9f7 rgb(199,233,247)
```
#d8f0fa
```
#d8f0fa rgb(216,240,250)
```
#eaf7fc
```
#eaf7fc rgb(234,247,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#7f8a8f
```
#7f8a8f rgb(127,138,143)
```
#768e98
```
#768e98 rgb(118,142,152)
```
#6d91a1
```
#6d91a1 rgb(109,145,161)
```
#6395ab
```
#6395ab rgb(99,149,171)
```
#5a99b4
```
#5a99b4 rgb(90,153,180)
```
#519cbd
```
#519cbd rgb(81,156,189)
```
#48a0c6
```
#48a0c6 rgb(72,160,198)
```
#3ea4d0
```
#3ea4d0 rgb(62,164,208)
```
#35a7d9
```
#35a7d9 rgb(53,167,217)
```
#2cabe2
```
#2cabe2 rgb(44,171,226)
```
#23afeb
```
#23afeb rgb(35,175,235)
```
#1ab2f4
```
#1ab2f4 rgb(26,178,244)
```
#10b6fe
```
#10b6fe rgb(16,182,254)
```

Tone Color Variation

Below, you can see how #2cabe2 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

#8b8b8b Achromatopsia 0.005% of the population
#78919c Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a2da Protanopia 1% of men
#87a3e8 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#6da5dd Protanomaly 1% of men, 0.01% of women
#66a6e5 Deuteranomaly 6% of men, 0.4% of women
#10b1cd Tritanomaly 0.01% of the population