#2abbca hex color

In a RGB color space, hex #2abbca is composed of 16.5% red, 73.3% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 7.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 185.6 degrees, a saturation of 65.6% and a lightness of 47.8%. #2abbca color hex could be obtained by blending #54ffff with #007795. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 73
- B 79
RGB color chart
- C 79
- M 7
- Y 0
- K 21
CMYK color chart

● #2abbca color description : Strong cyan.

The hexadecimal color #2abbca has RGB values of R:42, G:187, B:202 and CMYK values of C:0.79, M:0.07, Y:0, K:0.21. Its decimal value is 2800586.

Hex triplet	2abbca	`#2abbca`
RGB Decimal	42, 187, 202	`rgb(42,187,202)`
RGB Percent	16.5, 73.3, 79.2	`rgb(16.5%,73.3%,79.2%)`
CMYK	79, 7, 0, 21
HSL	185.6°, 65.6, 47.8	`hsl(185.6,65.6%,47.8%)`
HSV (or HSB)	185.6°, 79.2, 79.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.679, -31.223, -18.14
XYZ	29.383, 40.294, 62.103
xyY	0.223, 0.306, 40.294
CIE-LCH	69.679, 36.11, 210.156
CIE-LUV	69.679, -49.393, -23.677
Hunter-Lab	63.478, -28.462, -13.571
Binary	00101010, 10111011, 11001010

#2abbca
```
#2abbca rgb(42,187,202)
```
#ca392a
```
#ca392a rgb(202,57,42)
```

Complementary Color

#2aca89
```
#2aca89 rgb(42,202,137)
```
#2abbca
```
#2abbca rgb(42,187,202)
```
#2a6bca
```
#2a6bca rgb(42,107,202)
```

Analogous Color

#ca892a
```
#ca892a rgb(202,137,42)
```
#2abbca
```
#2abbca rgb(42,187,202)
```
#ca2a6b
```
#ca2a6b rgb(202,42,107)
```

Split Complementary Color

#bbca2a
```
#bbca2a rgb(187,202,42)
```
#2abbca
```
#2abbca rgb(42,187,202)
```
#ca2abb
```
#ca2abb rgb(202,42,187)
```

Triadic Color

#2aca39
```
#2aca39 rgb(42,202,57)
```
#2abbca
```
#2abbca rgb(42,187,202)
```
#ca2abb
```
#ca2abb rgb(202,42,187)
```
#ca392a
```
#ca392a rgb(202,57,42)
```

Tetradic Color

#1d808b
```
#1d808b rgb(29,128,139)
```
#2194a0
```
#2194a0 rgb(33,148,160)
```
#26a7b5
```
#26a7b5 rgb(38,167,181)
```
#2abbca
```
#2abbca rgb(42,187,202)
```
#38c7d6
```
#38c7d6 rgb(56,199,214)
```
#4dcdda
```
#4dcdda rgb(77,205,218)
```
#62d3de
```
#62d3de rgb(98,211,222)
```

Monochromatic Color

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

#2acab1
```
#2acab1 rgb(42,202,177)
```
#2acabe
```
#2acabe rgb(42,202,190)
```
#2ac8ca
```
#2ac8ca rgb(42,200,202)
```
#2abbca
```
#2abbca rgb(42,187,202)
```
#2aaeca
```
#2aaeca rgb(42,174,202)
```
#2aa0ca
```
#2aa0ca rgb(42,160,202)
```
#2a93ca
```
#2a93ca rgb(42,147,202)
```

Similar Colors

Text with hexadecimal color #2abbca

This text has a font color of #2abbca.

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

#2abbca background color

This paragraph has a background color of #2abbca.

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

#2abbca border color

This element has a border color of #2abbca.

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

CSS codes

.text {color:#2abbca;}

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

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

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

#010707
```
#010707 rgb(1,7,7)
```
#051617
```
#051617 rgb(5,22,23)
```
#082528
```
#082528 rgb(8,37,40)
```
#0c3438
```
#0c3438 rgb(12,52,56)
```
#0f4348
```
#0f4348 rgb(15,67,72)
```
#125258
```
#125258 rgb(18,82,88)
```
#166169
```
#166169 rgb(22,97,105)
```
#197079
```
#197079 rgb(25,112,121)
```
#1c7f89
```
#1c7f89 rgb(28,127,137)
```
#208e99
```
#208e99 rgb(32,142,153)
```
#239daa
```
#239daa rgb(35,157,170)
```
#27acba
```
#27acba rgb(39,172,186)
```
#2abbca
```
#2abbca rgb(42,187,202)
```

Shade Color Variation

#33c5d5
```
#33c5d5 rgb(51,197,213)
```
#43cad8
```
#43cad8 rgb(67,202,216)
```
#54cfdb
```
#54cfdb rgb(84,207,219)
```
#64d3df
```
#64d3df rgb(100,211,223)
```
#74d8e2
```
#74d8e2 rgb(116,216,226)
```
#84dce5
```
#84dce5 rgb(132,220,229)
```
#94e1e9
```
#94e1e9 rgb(148,225,233)
```
#a5e6ec
```
#a5e6ec rgb(165,230,236)
```
#b5eaf0
```
#b5eaf0 rgb(181,234,240)
```
#c5eff3
```
#c5eff3 rgb(197,239,243)
```
#d5f3f6
```
#d5f3f6 rgb(213,243,246)
```
#e6f8fa
```
#e6f8fa rgb(230,248,250)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757e7f is the less saturated color, while #04daf0 is the most saturated one.

#757e7f
```
#757e7f rgb(117,126,127)
```
#6c8688
```
#6c8688 rgb(108,134,136)
```
#628d92
```
#628d92 rgb(98,141,146)
```
#59959b
```
#59959b rgb(89,149,155)
```
#509da4
```
#509da4 rgb(80,157,164)
```
#46a4ae
```
#46a4ae rgb(70,164,174)
```
#3dacb7
```
#3dacb7 rgb(61,172,183)
```
#33b3c1
```
#33b3c1 rgb(51,179,193)
```
#2abbca
```
#2abbca rgb(42,187,202)
```
#21c3d3
```
#21c3d3 rgb(33,195,211)
```
#17cadd
```
#17cadd rgb(23,202,221)
```
#0ed2e6
```
#0ed2e6 rgb(14,210,230)
```
#04daf0
```
#04daf0 rgb(4,218,240)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7c999c Atypical Achromatopsia 0.001% of the population

Dichromacy

#abadc2 Protanopia 1% of men
#aaabd4 Deuteranopia 1% of men
#34becc Tritanopia 0.001% of the population

Trichromacy

#7cb2c5 Protanomaly 1% of men, 0.01% of women
#7bb1d0 Deuteranomaly 6% of men, 0.4% of women
#30bdcb Tritanomaly 0.01% of the population

#2abbca hex color

#2abbca Color Information

#2abbca Color Conversion

Color Schemes with #2abbca

Alternatives to #2abbca

#2abbca Preview

Shades and Tints of #2abbca

Tones of #2abbca

Color Blindness Simulator