#2cabec hex color

In a RGB color space, hex #2cabec is composed of 17.3% red, 67.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 27.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 200.3 degrees, a saturation of 83.5% and a lightness of 54.9%. #2cabec color hex could be obtained by blending #58ffff with #0057d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 67
- B 93
RGB color chart
- C 81
- M 28
- Y 0
- K 7
CMYK color chart

● #2cabec color description : Bright blue.

The hexadecimal color #2cabec has RGB values of R:44, G:171, B:236 and CMYK values of C:0.81, M:0.28, Y:0, K:0.07. Its decimal value is 2927596.

Hex triplet	2cabec	`#2cabec`
RGB Decimal	44, 171, 236	`rgb(44,171,236)`
RGB Percent	17.3, 67.1, 92.5	`rgb(17.3%,67.1%,92.5%)`
CMYK	81, 28, 0, 7
HSL	200.3°, 83.5, 54.9	`hsl(200.3,83.5%,54.9%)`
HSV (or HSB)	200.3°, 81.4, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.301, -11.545, -41.985
XYZ	30.738, 35.715, 84.626
xyY	0.203, 0.236, 35.715
CIE-LCH	66.301, 43.544, 254.625
CIE-LUV	66.301, -41.337, -65.942
Hunter-Lab	59.762, -12.773, -42.125
Binary	00101100, 10101011, 11101100

#2cabec
```
#2cabec rgb(44,171,236)
```
#ec6d2c
```
#ec6d2c rgb(236,109,44)
```

Complementary Color

#2ceccd
```
#2ceccd rgb(44,236,205)
```
#2cabec
```
#2cabec rgb(44,171,236)
```
#2c4bec
```
#2c4bec rgb(44,75,236)
```

Analogous Color

#eccd2c
```
#eccd2c rgb(236,205,44)
```
#2cabec
```
#2cabec rgb(44,171,236)
```
#ec2c4b
```
#ec2c4b rgb(236,44,75)
```

Split Complementary Color

#abec2c
```
#abec2c rgb(171,236,44)
```
#2cabec
```
#2cabec rgb(44,171,236)
```
#ec2cab
```
#ec2cab rgb(236,44,171)
```

Triadic Color

#2cec6d
```
#2cec6d rgb(44,236,109)
```
#2cabec
```
#2cabec rgb(44,171,236)
```
#ec2cab
```
#ec2cab rgb(236,44,171)
```
#ec6d2c
```
#ec6d2c rgb(236,109,44)
```

Tetradic Color

#1181bb
```
#1181bb rgb(17,129,187)
```
#1391d2
```
#1391d2 rgb(19,145,210)
```
#15a2e9
```
#15a2e9 rgb(21,162,233)
```
#2cabec
```
#2cabec rgb(44,171,236)
```
#43b4ee
```
#43b4ee rgb(67,180,238)
```
#5bbef0
```
#5bbef0 rgb(91,190,240)
```
#72c7f2
```
#72c7f2 rgb(114,199,242)
```

Monochromatic Color

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

#2cdbec
```
#2cdbec rgb(44,219,236)
```
#2ccbec
```
#2ccbec rgb(44,203,236)
```
#2cbbec
```
#2cbbec rgb(44,187,236)
```
#2cabec
```
#2cabec rgb(44,171,236)
```
#2c9bec
```
#2c9bec rgb(44,155,236)
```
#2c8bec
```
#2c8bec rgb(44,139,236)
```
#2c7bec
```
#2c7bec rgb(44,123,236)
```

Similar Colors

Text with hexadecimal color #2cabec

This text has a font color of #2cabec.

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

#2cabec background color

This paragraph has a background color of #2cabec.

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

#2cabec border color

This element has a border color of #2cabec.

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

CSS codes

.text {color:#2cabec;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#021017
```
#021017 rgb(2,16,23)
```
#041c29
```
#041c29 rgb(4,28,41)
```
#05293b
```
#05293b rgb(5,41,59)
```
#07354d
```
#07354d rgb(7,53,77)
```
#09425f
```
#09425f rgb(9,66,95)
```
#0a4e71
```
#0a4e71 rgb(10,78,113)
```
#0c5b83
```
#0c5b83 rgb(12,91,131)
```
#0d6795
```
#0d6795 rgb(13,103,149)
```
#0f73a7
```
#0f73a7 rgb(15,115,167)
```
#1180b9
```
#1180b9 rgb(17,128,185)
```
#128ccb
```
#128ccb rgb(18,140,203)
```
#1499dd
```
#1499dd rgb(20,153,221)
```

Shade Color Variation

#1aa4ea
```
#1aa4ea rgb(26,164,234)
```
#2cabec
```
#2cabec rgb(44,171,236)
```
#3eb2ee
```
#3eb2ee rgb(62,178,238)
```
#50b9ef
```
#50b9ef rgb(80,185,239)
```
#62c0f1
```
#62c0f1 rgb(98,192,241)
```
#74c8f2
```
#74c8f2 rgb(116,200,242)
```
#86cff4
```
#86cff4 rgb(134,207,244)
```
#98d6f6
```
#98d6f6 rgb(152,214,246)
```
#aaddf7
```
#aaddf7 rgb(170,221,247)
```
#bce4f9
```
#bce4f9 rgb(188,228,249)
```
#ceebfb
```
#ceebfb rgb(206,235,251)
```
#e0f3fc
```
#e0f3fc rgb(224,243,252)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848e94 is the less saturated color, while #1ab1fe is the most saturated one.

#848e94
```
#848e94 rgb(132,142,148)
```
#7c919c
```
#7c919c rgb(124,145,156)
```
#7394a5
```
#7394a5 rgb(115,148,165)
```
#6a97ae
```
#6a97ae rgb(106,151,174)
```
#619ab7
```
#619ab7 rgb(97,154,183)
```
#589dc0
```
#589dc0 rgb(88,157,192)
```
#4fa0c9
```
#4fa0c9 rgb(79,160,201)
```
#47a2d1
```
#47a2d1 rgb(71,162,209)
```
#3ea5da
```
#3ea5da rgb(62,165,218)
```
#35a8e3
```
#35a8e3 rgb(53,168,227)
```
#2cabec
```
#2cabec rgb(44,171,236)
```
#23aef5
```
#23aef5 rgb(35,174,245)
```
#1ab1fe
```
#1ab1fe rgb(26,177,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#79929f Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a3e4 Protanopia 1% of men
#7fa5f1 Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#6ba6e7 Protanomaly 1% of men, 0.01% of women
#61a7ef Deuteranomaly 6% of men, 0.4% of women
#10b2d1 Tritanomaly 0.01% of the population

#2cabec hex color

#2cabec Color Information

#2cabec Color Conversion

Color Schemes with #2cabec

Alternatives to #2cabec

#2cabec Preview

Shades and Tints of #2cabec

Tones of #2cabec

Color Blindness Simulator