#2abed7 hex color

In a RGB color space, hex #2abed7 is composed of 16.5% red, 74.5% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 11.6% magenta, 0% yellow and 15.7% black. It has a hue angle of 188.7 degrees, a saturation of 68.4% and a lightness of 50.4%. #2abed7 color hex could be obtained by blending #54ffff with #007daf. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 16
- G 75
- B 84
RGB color chart
- C 80
- M 12
- Y 0
- K 16
CMYK color chart

● #2abed7 color description : Strong cyan.

The hexadecimal color #2abed7 has RGB values of R:42, G:190, B:215 and CMYK values of C:0.8, M:0.12, Y:0, K:0.16. Its decimal value is 2801367.

Hex triplet	2abed7	`#2abed7`
RGB Decimal	42, 190, 215	`rgb(42,190,215)`
RGB Percent	16.5, 74.5, 84.3	`rgb(16.5%,74.5%,84.3%)`
CMYK	80, 12, 0, 16
HSL	188.7°, 68.4, 50.4	`hsl(188.7,68.4%,50.4%)`
HSV (or HSB)	188.7°, 80.5, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.024, -28.612, -23.202
XYZ	31.631, 42.222, 70.769
xyY	0.219, 0.292, 42.222
CIE-LCH	71.024, 36.837, 219.04
CIE-LUV	71.024, -49.506, -32.477
Hunter-Lab	64.979, -26.822, -19.088
Binary	00101010, 10111110, 11010111

#2abed7
```
#2abed7 rgb(42,190,215)
```
#d7432a
```
#d7432a rgb(215,67,42)
```

Complementary Color

#2ad79a
```
#2ad79a rgb(42,215,154)
```
#2abed7
```
#2abed7 rgb(42,190,215)
```
#2a68d7
```
#2a68d7 rgb(42,104,215)
```

Analogous Color

#d79a2a
```
#d79a2a rgb(215,154,42)
```
#2abed7
```
#2abed7 rgb(42,190,215)
```
#d72a68
```
#d72a68 rgb(215,42,104)
```

Split Complementary Color

#bed72a
```
#bed72a rgb(190,215,42)
```
#2abed7
```
#2abed7 rgb(42,190,215)
```
#d72abe
```
#d72abe rgb(215,42,190)
```

Triadic Color

#2ad743
```
#2ad743 rgb(42,215,67)
```
#2abed7
```
#2abed7 rgb(42,190,215)
```
#d72abe
```
#d72abe rgb(215,42,190)
```
#d7432a
```
#d7432a rgb(215,67,42)
```

Tetradic Color

#1d8698
```
#1d8698 rgb(29,134,152)
```
#2199ad
```
#2199ad rgb(33,153,173)
```
#25acc3
```
#25acc3 rgb(37,172,195)
```
#2abed7
```
#2abed7 rgb(42,190,215)
```
#3fc5db
```
#3fc5db rgb(63,197,219)
```
#55cbdf
```
#55cbdf rgb(85,203,223)
```
#6ad2e3
```
#6ad2e3 rgb(106,210,227)
```

Monochromatic Color

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

#2ad7c5
```
#2ad7c5 rgb(42,215,197)
```
#2ad7d3
```
#2ad7d3 rgb(42,215,211)
```
#2accd7
```
#2accd7 rgb(42,204,215)
```
#2abed7
```
#2abed7 rgb(42,190,215)
```
#2ab0d7
```
#2ab0d7 rgb(42,176,215)
```
#2aa1d7
```
#2aa1d7 rgb(42,161,215)
```
#2a93d7
```
#2a93d7 rgb(42,147,215)
```

Similar Colors

Text with hexadecimal color #2abed7

This text has a font color of #2abed7.

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

#2abed7 background color

This paragraph has a background color of #2abed7.

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

#2abed7 border color

This element has a border color of #2abed7.

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

CSS codes

.text {color:#2abed7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#031012
```
#031012 rgb(3,16,18)
```
#071f23
```
#071f23 rgb(7,31,35)
```
#0a2d33
```
#0a2d33 rgb(10,45,51)
```
#0d3c44
```
#0d3c44 rgb(13,60,68)
```
#104a54
```
#104a54 rgb(16,74,84)
```
#135965
```
#135965 rgb(19,89,101)
```
#166875
```
#166875 rgb(22,104,117)
```
#197686
```
#197686 rgb(25,118,134)
```
#1c8596
```
#1c8596 rgb(28,133,150)
```
#1f93a7
```
#1f93a7 rgb(31,147,167)
```
#22a2b7
```
#22a2b7 rgb(34,162,183)
```
#26b0c8
```
#26b0c8 rgb(38,176,200)
```

Shade Color Variation

#2abed7
```
#2abed7 rgb(42,190,215)
```
#3bc3da
```
#3bc3da rgb(59,195,218)
```
#4bc8dd
```
#4bc8dd rgb(75,200,221)
```
#5ccde0
```
#5ccde0 rgb(92,205,224)
```
#6cd2e3
```
#6cd2e3 rgb(108,210,227)
```
#7dd7e7
```
#7dd7e7 rgb(125,215,231)
```
#8ddcea
```
#8ddcea rgb(141,220,234)
```
#9ee1ed
```
#9ee1ed rgb(158,225,237)
```
#aee6f0
```
#aee6f0 rgb(174,230,240)
```
#bfebf3
```
#bfebf3 rgb(191,235,243)
```
#cff0f6
```
#cff0f6 rgb(207,240,246)
```
#e0f5f9
```
#e0f5f9 rgb(224,245,249)
```
#f0fafc
```
#f0fafc rgb(240,250,252)
```

Tint Color Variation

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

#788789
```
#788789 rgb(120,135,137)
```
#6e8e93
```
#6e8e93 rgb(110,142,147)
```
#64949d
```
#64949d rgb(100,148,157)
```
#5b9ba6
```
#5b9ba6 rgb(91,155,166)
```
#51a2b0
```
#51a2b0 rgb(81,162,176)
```
#47a9ba
```
#47a9ba rgb(71,169,186)
```
#3db0c4
```
#3db0c4 rgb(61,176,196)
```
#34b7cd
```
#34b7cd rgb(52,183,205)
```
#2abed7
```
#2abed7 rgb(42,190,215)
```
#20c5e1
```
#20c5e1 rgb(32,197,225)
```
#17ccea
```
#17ccea rgb(23,204,234)
```
#0dd3f4
```
#0dd3f4 rgb(13,211,244)
```
#03dafe
```
#03dafe rgb(3,218,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#809da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb0ce Protanopia 1% of men
#a8afe0 Deuteranopia 1% of men
#29c2d1 Tritanopia 0.001% of the population

Trichromacy

#7cb5d1 Protanomaly 1% of men, 0.01% of women
#7ab4dc Deuteranomaly 6% of men, 0.4% of women
#29c1d3 Tritanomaly 0.01% of the population

#2abed7 hex color

#2abed7 Color Information

#2abed7 Color Conversion

Color Schemes with #2abed7

Alternatives to #2abed7

#2abed7 Preview

Shades and Tints of #2abed7

Tones of #2abed7

Color Blindness Simulator