#2ca2bf hex color

In a RGB color space, hex #2ca2bf is composed of 17.3% red, 63.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 15.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 191.8 degrees, a saturation of 62.6% and a lightness of 46.1%. #2ca2bf color hex could be obtained by blending #58ffff with #00457f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 64
- B 75
RGB color chart
- C 77
- M 15
- Y 0
- K 25
CMYK color chart

● #2ca2bf color description : Strong cyan.

The hexadecimal color #2ca2bf has RGB values of R:44, G:162, B:191 and CMYK values of C:0.77, M:0.15, Y:0, K:0.25. Its decimal value is 2925247.

Hex triplet	2ca2bf	`#2ca2bf`
RGB Decimal	44, 162, 191	`rgb(44,162,191)`
RGB Percent	17.3, 63.5, 74.9	`rgb(17.3%,63.5%,74.9%)`
CMYK	77, 15, 0, 25
HSL	191.8°, 62.6, 46.1	`hsl(191.8,62.6%,46.1%)`
HSV (or HSB)	191.8°, 77, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.771, -22.023, -24.098
XYZ	23.36, 30.136, 53.873
xyY	0.218, 0.281, 30.136
CIE-LCH	61.771, 32.645, 227.575
CIE-LUV	61.771, -41.077, -34.183
Hunter-Lab	54.896, -20.109, -19.758
Binary	00101100, 10100010, 10111111

#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#bf492c
```
#bf492c rgb(191,73,44)
```

Complementary Color

#2cbf93
```
#2cbf93 rgb(44,191,147)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#2c59bf
```
#2c59bf rgb(44,89,191)
```

Analogous Color

#bf932c
```
#bf932c rgb(191,147,44)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#bf2c59
```
#bf2c59 rgb(191,44,89)
```

Split Complementary Color

#a2bf2c
```
#a2bf2c rgb(162,191,44)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#bf2ca2
```
#bf2ca2 rgb(191,44,162)
```

Triadic Color

#2cbf49
```
#2cbf49 rgb(44,191,73)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#bf2ca2
```
#bf2ca2 rgb(191,44,162)
```
#bf492c
```
#bf492c rgb(191,73,44)
```

Tetradic Color

#1e6d81
```
#1e6d81 rgb(30,109,129)
```
#227f96
```
#227f96 rgb(34,127,150)
```
#2790aa
```
#2790aa rgb(39,144,170)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#34b1d0
```
#34b1d0 rgb(52,177,208)
```
#49b9d5
```
#49b9d5 rgb(73,185,213)
```
#5ec1da
```
#5ec1da rgb(94,193,218)
```

Monochromatic Color

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

#2cbfb7
```
#2cbfb7 rgb(44,191,183)
```
#2cbbbf
```
#2cbbbf rgb(44,187,191)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#2c96bf
```
#2c96bf rgb(44,150,191)
```
#2c8abf
```
#2c8abf rgb(44,138,191)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```

Similar Colors

Text with hexadecimal color #2ca2bf

This text has a font color of #2ca2bf.

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

#2ca2bf background color

This paragraph has a background color of #2ca2bf.

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

#2ca2bf border color

This element has a border color of #2ca2bf.

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

CSS codes

.text {color:#2ca2bf;}

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

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

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, #040d10 is the darkest color, while #ffffff is the lightest one.

#040d10
```
#040d10 rgb(4,13,16)
```
#071b20
```
#071b20 rgb(7,27,32)
```
#0b2830
```
#0b2830 rgb(11,40,48)
```
#0f363f
```
#0f363f rgb(15,54,63)
```
#12434f
```
#12434f rgb(18,67,79)
```
#16515f
```
#16515f rgb(22,81,95)
```
#1a5e6f
```
#1a5e6f rgb(26,94,111)
```
#1d6c7f
```
#1d6c7f rgb(29,108,127)
```
#21798f
```
#21798f rgb(33,121,143)
```
#25879f
```
#25879f rgb(37,135,159)
```
#2894af
```
#2894af rgb(40,148,175)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#30b0cf
```
#30b0cf rgb(48,176,207)
```

Shade Color Variation

#3fb6d3
```
#3fb6d3 rgb(63,182,211)
```
#4fbcd7
```
#4fbcd7 rgb(79,188,215)
```
#5fc2da
```
#5fc2da rgb(95,194,218)
```
#6fc8de
```
#6fc8de rgb(111,200,222)
```
#7fcee2
```
#7fcee2 rgb(127,206,226)
```
#8fd4e5
```
#8fd4e5 rgb(143,212,229)
```
#9fdae9
```
#9fdae9 rgb(159,218,233)
```
#afe0ed
```
#afe0ed rgb(175,224,237)
```
#bfe7f0
```
#bfe7f0 rgb(191,231,240)
```
#cfedf4
```
#cfedf4 rgb(207,237,244)
```
#dff3f8
```
#dff3f8 rgb(223,243,248)
```
#eff9fb
```
#eff9fb rgb(239,249,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#747677
```
#747677 rgb(116,118,119)
```
#6b7c80
```
#6b7c80 rgb(107,124,128)
```
#628189
```
#628189 rgb(98,129,137)
```
#598792
```
#598792 rgb(89,135,146)
```
#508c9b
```
#508c9b rgb(80,140,155)
```
#4792a4
```
#4792a4 rgb(71,146,164)
```
#3e97ad
```
#3e97ad rgb(62,151,173)
```
#359db6
```
#359db6 rgb(53,157,182)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#23a7c8
```
#23a7c8 rgb(35,167,200)
```
#1aadd1
```
#1aadd1 rgb(26,173,209)
```
#11b2da
```
#11b2da rgb(17,178,218)
```
#08b8e3
```
#08b8e3 rgb(8,184,227)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#71888e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9299b9 Protanopia 1% of men
#8e98c7 Deuteranopia 1% of men
#27a9b5 Tritanopia 0.001% of the population

Trichromacy

#6d9cbb Protanomaly 1% of men, 0.01% of women
#6a9bc4 Deuteranomaly 6% of men, 0.4% of women
#29a6b8 Tritanomaly 0.01% of the population

#2ca2bf hex color

#2ca2bf Color Information

#2ca2bf Color Conversion

Color Schemes with #2ca2bf

Alternatives to #2ca2bf

#2ca2bf Preview

Shades and Tints of #2ca2bf

Tones of #2ca2bf

Color Blindness Simulator