colorhexa.com

#2ab0b2 hex color

In a RGB color space, hex #2ab0b2 is composed of 16.5% red, 69% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 1.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 180.9 degrees, a saturation of 61.8% and a lightness of 43.1%. #2ab0b2 color hex could be obtained by blending #54ffff with #006165. Closest websafe color is: #339999.

- R 16
- G 69
- B 70
RGB color chart
- C 76
- M 1
- Y 0
- K 30
CMYK color chart

● #2ab0b2 color description : Dark cyan.

The hexadecimal color #2ab0b2 has RGB values of R:42, G:176, B:178 and CMYK values of C:0.76, M:0.01, Y:0, K:0.3. Its decimal value is 2797746.

Hex triplet	2ab0b2	`#2ab0b2`
RGB Decimal	42, 176, 178	`rgb(42,176,178)`
RGB Percent	16.5, 69, 69.8	`rgb(16.5%,69%,69.8%)`
CMYK	76, 1, 0, 30
HSL	180.9°, 61.8, 43.1	`hsl(180.9,61.8%,43.1%)`
HSV (or HSB)	180.9°, 76.4, 69.8
Web Safe	339999	`#339999`

CIE-LAB	65.557, -33.273, -11.104
XYZ	24.514, 34.755, 47.533
xyY	0.23, 0.325, 34.755
CIE-LCH	65.557, 35.077, 198.455
CIE-LUV	65.557, -47.223, -11.917
Hunter-Lab	58.953, -28.946, -6.538
Binary	00101010, 10110000, 10110010

#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#b22c2a
```
#b22c2a rgb(178,44,42)
```

Complementary Color

#2ab270
```
#2ab270 rgb(42,178,112)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#2a6cb2
```
#2a6cb2 rgb(42,108,178)
```

Analogous Color

#b2702a
```
#b2702a rgb(178,112,42)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#b22a6c
```
#b22a6c rgb(178,42,108)
```

Split Complementary Color

#b0b22a
```
#b0b22a rgb(176,178,42)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#b22ab0
```
#b22ab0 rgb(178,42,176)
```

Triadic Color

#2ab22c
```
#2ab22c rgb(42,178,44)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#b22ab0
```
#b22ab0 rgb(178,42,176)
```
#b22c2a
```
#b22c2a rgb(178,44,42)
```

Tetradic Color

#1b7374
```
#1b7374 rgb(27,115,116)
```
#208789
```
#208789 rgb(32,135,137)
```
#259c9d
```
#259c9d rgb(37,156,157)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#2fc4c7
```
#2fc4c7 rgb(47,196,199)
```
#3ecfd1
```
#3ecfd1 rgb(62,207,209)
```
#52d4d6
```
#52d4d6 rgb(82,212,214)
```

Monochromatic Color

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

#2ab292
```
#2ab292 rgb(42,178,146)
```
#2ab29d
```
#2ab29d rgb(42,178,157)
```
#2ab2a9
```
#2ab2a9 rgb(42,178,169)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#2aa5b2
```
#2aa5b2 rgb(42,165,178)
```
#2a99b2
```
#2a99b2 rgb(42,153,178)
```
#2a8eb2
```
#2a8eb2 rgb(42,142,178)
```

Similar Colors

Text with hexadecimal color #2ab0b2

This text has a font color of #2ab0b2.

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

#2ab0b2 background color

This paragraph has a background color of #2ab0b2.

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

#2ab0b2 border color

This element has a border color of #2ab0b2.

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

CSS codes

.text {color:#2ab0b2;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051313
```
#051313 rgb(5,19,19)
```
#082323
```
#082323 rgb(8,35,35)
```
#0c3233
```
#0c3233 rgb(12,50,51)
```
#104243
```
#104243 rgb(16,66,67)
```
#145253
```
#145253 rgb(20,82,83)
```
#176263
```
#176263 rgb(23,98,99)
```
#1b7173
```
#1b7173 rgb(27,113,115)
```
#1f8182
```
#1f8182 rgb(31,129,130)
```
#239192
```
#239192 rgb(35,145,146)
```
#26a0a2
```
#26a0a2 rgb(38,160,162)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#2ec0c2
```
#2ec0c2 rgb(46,192,194)
```

Shade Color Variation

#34cdcf
```
#34cdcf rgb(52,205,207)
```
#44d1d3
```
#44d1d3 rgb(68,209,211)
```
#54d5d7
```
#54d5d7 rgb(84,213,215)
```
#64d9da
```
#64d9da rgb(100,217,218)
```
#74ddde
```
#74ddde rgb(116,221,222)
```
#83e0e2
```
#83e0e2 rgb(131,224,226)
```
#93e4e6
```
#93e4e6 rgb(147,228,230)
```
#a3e8e9
```
#a3e8e9 rgb(163,232,233)
```
#b3eced
```
#b3eced rgb(179,236,237)
```
#c3f0f1
```
#c3f0f1 rgb(195,240,241)
```
#d3f4f5
```
#d3f4f5 rgb(211,244,245)
```
#e3f8f8
```
#e3f8f8 rgb(227,248,248)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```

Tint Color Variation

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

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#657777
```
#657777 rgb(101,119,119)
```
#5d7f7f
```
#5d7f7f rgb(93,127,127)
```
#548788
```
#548788 rgb(84,135,136)
```
#4c8f90
```
#4c8f90 rgb(76,143,144)
```
#439799
```
#439799 rgb(67,151,153)
```
#3ba0a1
```
#3ba0a1 rgb(59,160,161)
```
#32a8aa
```
#32a8aa rgb(50,168,170)
```
#2ab0b2
```
#2ab0b2 rgb(42,176,178)
```
#22b8ba
```
#22b8ba rgb(34,184,186)
```
#19c0c3
```
#19c0c3 rgb(25,192,195)
```
#11c9cb
```
#11c9cb rgb(17,201,203)
```
#08d1d4
```
#08d1d4 rgb(8,209,212)
```

Tone Color Variation

Below, you can see how #2ab0b2 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
#759090 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a3ac Protanopia 1% of men
#a6a0bd Deuteranopia 1% of men
#3db2bf Tritanopia 0.001% of the population

Trichromacy

#77a7ae Protanomaly 1% of men, 0.01% of women
#79a6b9 Deuteranomaly 6% of men, 0.4% of women
#36b1ba Tritanomaly 0.01% of the population