#2caebf hex color

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

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

● #2caebf color description : Strong cyan.

The hexadecimal color #2caebf has RGB values of R:44, G:174, B:191 and CMYK values of C:0.77, M:0.09, Y:0, K:0.25. Its decimal value is 2928319.

Hex triplet	2caebf	`#2caebf`
RGB Decimal	44, 174, 191	`rgb(44,174,191)`
RGB Percent	17.3, 68.2, 74.9	`rgb(17.3%,68.2%,74.9%)`
CMYK	77, 9, 0, 25
HSL	186.9°, 62.6, 46.1	`hsl(186.9,62.6%,46.1%)`
HSV (or HSB)	186.9°, 77, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.41, -28.104, -18.543
XYZ	25.576, 34.567, 54.611
xyY	0.223, 0.301, 34.567
CIE-LCH	65.41, 33.67, 213.417
CIE-LUV	65.41, -45.343, -24.552
Hunter-Lab	58.794, -25.239, -13.917
Binary	00101100, 10101110, 10111111

#2caebf
```
#2caebf rgb(44,174,191)
```
#bf3d2c
```
#bf3d2c rgb(191,61,44)
```

Complementary Color

#2cbf87
```
#2cbf87 rgb(44,191,135)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#2c65bf
```
#2c65bf rgb(44,101,191)
```

Analogous Color

#bf872c
```
#bf872c rgb(191,135,44)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#bf2c65
```
#bf2c65 rgb(191,44,101)
```

Split Complementary Color

#aebf2c
```
#aebf2c rgb(174,191,44)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#bf2cae
```
#bf2cae rgb(191,44,174)
```

Triadic Color

#2cbf3d
```
#2cbf3d rgb(44,191,61)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#bf2cae
```
#bf2cae rgb(191,44,174)
```
#bf3d2c
```
#bf3d2c rgb(191,61,44)
```

Tetradic Color

#1e7581
```
#1e7581 rgb(30,117,129)
```
#228896
```
#228896 rgb(34,136,150)
```
#279baa
```
#279baa rgb(39,155,170)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#34bed0
```
#34bed0 rgb(52,190,208)
```
#49c5d5
```
#49c5d5 rgb(73,197,213)
```
#5ecbda
```
#5ecbda rgb(94,203,218)
```

Monochromatic Color

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

#2cbfab
```
#2cbfab rgb(44,191,171)
```
#2cbfb8
```
#2cbfb8 rgb(44,191,184)
```
#2cbabf
```
#2cbabf rgb(44,186,191)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#2c96bf
```
#2c96bf rgb(44,150,191)
```
#2c89bf
```
#2c89bf rgb(44,137,191)
```

Similar Colors

Text with hexadecimal color #2caebf

This text has a font color of #2caebf.

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

#2caebf background color

This paragraph has a background color of #2caebf.

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

#2caebf border color

This element has a border color of #2caebf.

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

CSS codes

.text {color:#2caebf;}

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

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

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

#040e10
```
#040e10 rgb(4,14,16)
```
#071d20
```
#071d20 rgb(7,29,32)
```
#0b2b30
```
#0b2b30 rgb(11,43,48)
```
#0f3a3f
```
#0f3a3f rgb(15,58,63)
```
#12484f
```
#12484f rgb(18,72,79)
```
#16575f
```
#16575f rgb(22,87,95)
```
#1a656f
```
#1a656f rgb(26,101,111)
```
#1d747f
```
#1d747f rgb(29,116,127)
```
#21828f
```
#21828f rgb(33,130,143)
```
#25919f
```
#25919f rgb(37,145,159)
```
#289faf
```
#289faf rgb(40,159,175)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#30bdcf
```
#30bdcf rgb(48,189,207)
```

Shade Color Variation

#3fc2d3
```
#3fc2d3 rgb(63,194,211)
```
#4fc7d7
```
#4fc7d7 rgb(79,199,215)
```
#5fccda
```
#5fccda rgb(95,204,218)
```
#6fd1de
```
#6fd1de rgb(111,209,222)
```
#7fd6e2
```
#7fd6e2 rgb(127,214,226)
```
#8fdbe5
```
#8fdbe5 rgb(143,219,229)
```
#9fe0e9
```
#9fe0e9 rgb(159,224,233)
```
#afe5ed
```
#afe5ed rgb(175,229,237)
```
#bfebf0
```
#bfebf0 rgb(191,235,240)
```
#cff0f4
```
#cff0f4 rgb(207,240,244)
```
#dff5f8
```
#dff5f8 rgb(223,245,248)
```
#effafb
```
#effafb rgb(239,250,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 #08cae3 is the most saturated one.

#747677
```
#747677 rgb(116,118,119)
```
#6b7d80
```
#6b7d80 rgb(107,125,128)
```
#628489
```
#628489 rgb(98,132,137)
```
#598b92
```
#598b92 rgb(89,139,146)
```
#50929b
```
#50929b rgb(80,146,155)
```
#4799a4
```
#4799a4 rgb(71,153,164)
```
#3ea0ad
```
#3ea0ad rgb(62,160,173)
```
#35a7b6
```
#35a7b6 rgb(53,167,182)
```
#2caebf
```
#2caebf rgb(44,174,191)
```
#23b5c8
```
#23b5c8 rgb(35,181,200)
```
#1abcd1
```
#1abcd1 rgb(26,188,209)
```
#11c3da
```
#11c3da rgb(17,195,218)
```
#08cae3
```
#08cae3 rgb(8,202,227)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#769094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa2b8 Protanopia 1% of men
#9ea0c8 Deuteranopia 1% of men
#34b2bf Tritanopia 0.001% of the population

Trichromacy

#75a6bb Protanomaly 1% of men, 0.01% of women
#75a5c5 Deuteranomaly 6% of men, 0.4% of women
#31b0bf Tritanomaly 0.01% of the population

#2caebf hex color

#2caebf Color Information

#2caebf Color Conversion

Color Schemes with #2caebf

Alternatives to #2caebf

#2caebf Preview

Shades and Tints of #2caebf

Tones of #2caebf

Color Blindness Simulator