#2caeb2 hex color

In a RGB color space, hex #2caeb2 is composed of 17.3% red, 68.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 2.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 181.8 degrees, a saturation of 60.4% and a lightness of 43.5%. #2caeb2 color hex could be obtained by blending #58ffff with #005d65. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 68
- B 70
RGB color chart
- C 75
- M 2
- Y 0
- K 30
CMYK color chart

● #2caeb2 color description : Dark cyan.

The hexadecimal color #2caeb2 has RGB values of R:44, G:174, B:178 and CMYK values of C:0.75, M:0.02, Y:0, K:0.3. Its decimal value is 2928306.

Hex triplet	2caeb2	`#2caeb2`
RGB Decimal	44, 174, 178	`rgb(44,174,178)`
RGB Percent	17.3, 68.2, 69.8	`rgb(17.3%,68.2%,69.8%)`
CMYK	75, 2, 0, 30
HSL	181.8°, 60.4, 43.5	`hsl(181.8,60.4%,43.5%)`
HSV (or HSB)	181.8°, 75.3, 69.8
Web Safe	339999	`#339999`

CIE-LAB	64.978, -32.103, -11.969
XYZ	24.208, 34.02, 47.408
xyY	0.229, 0.322, 34.02
CIE-LCH	64.978, 34.262, 200.446
CIE-LUV	64.978, -46.248, -13.429
Hunter-Lab	58.326, -27.985, -7.362
Binary	00101100, 10101110, 10110010

#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#b2302c
```
#b2302c rgb(178,48,44)
```

Complementary Color

#2cb273
```
#2cb273 rgb(44,178,115)
```
#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#2c6bb2
```
#2c6bb2 rgb(44,107,178)
```

Analogous Color

#b2732c
```
#b2732c rgb(178,115,44)
```
#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#b22c6b
```
#b22c6b rgb(178,44,107)
```

Split Complementary Color

#aeb22c
```
#aeb22c rgb(174,178,44)
```
#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#b22cae
```
#b22cae rgb(178,44,174)
```

Triadic Color

#2cb230
```
#2cb230 rgb(44,178,48)
```
#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#b22cae
```
#b22cae rgb(178,44,174)
```
#b2302c
```
#b2302c rgb(178,48,44)
```

Tetradic Color

#1d7275
```
#1d7275 rgb(29,114,117)
```
#228689
```
#228689 rgb(34,134,137)
```
#279a9e
```
#279a9e rgb(39,154,158)
```
#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#31c2c6
```
#31c2c6 rgb(49,194,198)
```
#41ccd0
```
#41ccd0 rgb(65,204,208)
```
#55d1d5
```
#55d1d5 rgb(85,209,213)
```

Monochromatic Color

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

#2cb295
```
#2cb295 rgb(44,178,149)
```
#2cb2a0
```
#2cb2a0 rgb(44,178,160)
```
#2cb2ab
```
#2cb2ab rgb(44,178,171)
```
#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#2ca3b2
```
#2ca3b2 rgb(44,163,178)
```
#2c98b2
```
#2c98b2 rgb(44,152,178)
```
#2c8db2
```
#2c8db2 rgb(44,141,178)
```

Similar Colors

Text with hexadecimal color #2caeb2

This text has a font color of #2caeb2.

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

#2caeb2 background color

This paragraph has a background color of #2caeb2.

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

#2caeb2 border color

This element has a border color of #2caeb2.

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

CSS codes

.text {color:#2caeb2;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051415
```
#051415 rgb(5,20,21)
```
#092424
```
#092424 rgb(9,36,36)
```
#0d3334
```
#0d3334 rgb(13,51,52)
```
#114244
```
#114244 rgb(17,66,68)
```
#155254
```
#155254 rgb(21,82,84)
```
#196163
```
#196163 rgb(25,97,99)
```
#1c7173
```
#1c7173 rgb(28,113,115)
```
#208083
```
#208083 rgb(32,128,131)
```
#248f93
```
#248f93 rgb(36,143,147)
```
#289fa2
```
#289fa2 rgb(40,159,162)
```
#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#30bdc2
```
#30bdc2 rgb(48,189,194)
```

Shade Color Variation

#38c9ce
```
#38c9ce rgb(56,201,206)
```
#47cdd2
```
#47cdd2 rgb(71,205,210)
```
#57d2d5
```
#57d2d5 rgb(87,210,213)
```
#67d6d9
```
#67d6d9 rgb(103,214,217)
```
#76dadd
```
#76dadd rgb(118,218,221)
```
#86dee1
```
#86dee1 rgb(134,222,225)
```
#96e3e5
```
#96e3e5 rgb(150,227,229)
```
#a6e7e9
```
#a6e7e9 rgb(166,231,233)
```
#b5ebed
```
#b5ebed rgb(181,235,237)
```
#c5eff1
```
#c5eff1 rgb(197,239,241)
```
#d5f4f5
```
#d5f4f5 rgb(213,244,245)
```
#e5f8f8
```
#e5f8f8 rgb(229,248,248)
```
#f4fcfc
```
#f4fcfc rgb(244,252,252)
```

Tint Color Variation

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

#687676
```
#687676 rgb(104,118,118)
```
#5f7e7f
```
#5f7e7f rgb(95,126,127)
```
#578687
```
#578687 rgb(87,134,135)
```
#4e8e90
```
#4e8e90 rgb(78,142,144)
```
#469698
```
#469698 rgb(70,150,152)
```
#3d9ea1
```
#3d9ea1 rgb(61,158,161)
```
#35a6a9
```
#35a6a9 rgb(53,166,169)
```
#2caeb2
```
#2caeb2 rgb(44,174,178)
```
#23b6bb
```
#23b6bb rgb(35,182,187)
```
#1bbec3
```
#1bbec3 rgb(27,190,195)
```
#12c6cc
```
#12c6cc rgb(18,198,204)
```
#0aced4
```
#0aced4 rgb(10,206,212)
```
#01d6dd
```
#01d6dd rgb(1,214,221)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#769090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a1ac Protanopia 1% of men
#a49fbd Deuteranopia 1% of men
#3db0bd Tritanopia 0.001% of the population

Trichromacy

#77a6ae Protanomaly 1% of men, 0.01% of women
#78a4b9 Deuteranomaly 6% of men, 0.4% of women
#37afb9 Tritanomaly 0.01% of the population

#2caeb2 hex color

#2caeb2 Color Information

#2caeb2 Color Conversion

Color Schemes with #2caeb2

Alternatives to #2caeb2

#2caeb2 Preview

Shades and Tints of #2caeb2

Tones of #2caeb2

Color Blindness Simulator