#7abdc2 hex color

In a RGB color space, hex #7abdc2 is composed of 47.8% red, 74.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 2.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 184.2 degrees, a saturation of 37.1% and a lightness of 62%. #7abdc2 color hex could be obtained by blending #f4ffff with #007b85. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 74
- B 76
RGB color chart
- C 37
- M 3
- Y 0
- K 24
CMYK color chart

● #7abdc2 color description : Slightly desaturated cyan.

The hexadecimal color #7abdc2 has RGB values of R:122, G:189, B:194 and CMYK values of C:0.37, M:0.03, Y:0, K:0.24. Its decimal value is 8043970.

Hex triplet	7abdc2	`#7abdc2`
RGB Decimal	122, 189, 194	`rgb(122,189,194)`
RGB Percent	47.8, 74.1, 76.1	`rgb(47.8%,74.1%,76.1%)`
CMYK	37, 3, 0, 24
HSL	184.2°, 37.1, 62	`hsl(184.2,37.1%,62%)`
HSV (or HSB)	184.2°, 37.1, 76.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.512, -19.894, -9.254
XYZ	35.959, 44.426, 57.716
xyY	0.26, 0.322, 44.426
CIE-LCH	72.512, 21.94, 204.946
CIE-LUV	72.512, -31.627, -10.975
Hunter-Lab	66.653, -20.343, -4.684
Binary	01111010, 10111101, 11000010

#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#c27f7a
```
#c27f7a rgb(194,127,122)
```

Complementary Color

#7ac2a3
```
#7ac2a3 rgb(122,194,163)
```
#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#7a99c2
```
#7a99c2 rgb(122,153,194)
```

Analogous Color

#c2a37a
```
#c2a37a rgb(194,163,122)
```
#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#c27a99
```
#c27a99 rgb(194,122,153)
```

Split Complementary Color

#bdc27a
```
#bdc27a rgb(189,194,122)
```
#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#c27abd
```
#c27abd rgb(194,122,189)
```

Triadic Color

#7ac27f
```
#7ac27f rgb(122,194,127)
```
#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#c27abd
```
#c27abd rgb(194,122,189)
```
#c27f7a
```
#c27f7a rgb(194,127,122)
```

Tetradic Color

#4b9ea4
```
#4b9ea4 rgb(75,158,164)
```
#57acb2
```
#57acb2 rgb(87,172,178)
```
#69b4ba
```
#69b4ba rgb(105,180,186)
```
#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#8bc6ca
```
#8bc6ca rgb(139,198,202)
```
#9dced2
```
#9dced2 rgb(157,206,210)
```
#aed7da
```
#aed7da rgb(174,215,218)
```

Monochromatic Color

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

#7ac2b5
```
#7ac2b5 rgb(122,194,181)
```
#7ac2bb
```
#7ac2bb rgb(122,194,187)
```
#7ac2c1
```
#7ac2c1 rgb(122,194,193)
```
#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#7ab7c2
```
#7ab7c2 rgb(122,183,194)
```
#7ab1c2
```
#7ab1c2 rgb(122,177,194)
```
#7aabc2
```
#7aabc2 rgb(122,171,194)
```

Similar Colors

Text with hexadecimal color #7abdc2

This text has a font color of #7abdc2.

<span style="color:#7abdc2;">Text here</span>

#7abdc2 background color

This paragraph has a background color of #7abdc2.

<p style="background-color:#7abdc2;">Content here</p>

#7abdc2 border color

This element has a border color of #7abdc2.

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

CSS codes

.text {color:#7abdc2;}

.background {background-color:#7abdc2;}

.border {border:1px solid #7abdc2;}

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

#010101
```
#010101 rgb(1,1,1)
```
#070e0f
```
#070e0f rgb(7,14,15)
```
#0d1b1c
```
#0d1b1c rgb(13,27,28)
```
#13282a
```
#13282a rgb(19,40,42)
```
#193537
```
#193537 rgb(25,53,55)
```
#204245
```
#204245 rgb(32,66,69)
```
#264f52
```
#264f52 rgb(38,79,82)
```
#2c5c60
```
#2c5c60 rgb(44,92,96)
```
#32696d
```
#32696d rgb(50,105,109)
```
#38767b
```
#38767b rgb(56,118,123)
```
#3e8388
```
#3e8388 rgb(62,131,136)
```
#459095
```
#459095 rgb(69,144,149)
```
#4b9da3
```
#4b9da3 rgb(75,157,163)
```

Shade Color Variation

#52a9af
```
#52a9af rgb(82,169,175)
```
#5fb0b6
```
#5fb0b6 rgb(95,176,182)
```
#6db6bc
```
#6db6bc rgb(109,182,188)
```
#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#87c4c8
```
#87c4c8 rgb(135,196,200)
```
#95cace
```
#95cace rgb(149,202,206)
```
#a2d1d5
```
#a2d1d5 rgb(162,209,213)
```
#b0d8db
```
#b0d8db rgb(176,216,219)
```
#bddee1
```
#bddee1 rgb(189,222,225)
```
#cbe5e7
```
#cbe5e7 rgb(203,229,231)
```
#d8eced
```
#d8eced rgb(216,236,237)
```
#e6f2f3
```
#e6f2f3 rgb(230,242,243)
```
#f3f9fa
```
#f3f9fa rgb(243,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98a3a4 is the less saturated color, while #3ef0fe is the most saturated one.

#98a3a4
```
#98a3a4 rgb(152,163,164)
```
#90aaac
```
#90aaac rgb(144,170,172)
```
#89b0b3
```
#89b0b3 rgb(137,176,179)
```
#81b7bb
```
#81b7bb rgb(129,183,187)
```
#7abdc2
```
#7abdc2 rgb(122,189,194)
```
#73c3c9
```
#73c3c9 rgb(115,195,201)
```
#6bcad1
```
#6bcad1 rgb(107,202,209)
```
#64d0d8
```
#64d0d8 rgb(100,208,216)
```
#5cd7e0
```
#5cd7e0 rgb(92,215,224)
```
#55dde7
```
#55dde7 rgb(85,221,231)
```
#4de4ef
```
#4de4ef rgb(77,228,239)
```
#46eaf6
```
#46eaf6 rgb(70,234,246)
```
#3ef0fe
```
#3ef0fe rgb(62,240,254)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a0aeaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b4be Protanopia 1% of men
#bcb1ca Deuteranopia 1% of men
#83bfcd Tritanopia 0.001% of the population

Trichromacy

#a0b7bf Protanomaly 1% of men, 0.01% of women
#a4b5c7 Deuteranomaly 6% of men, 0.4% of women
#80bec9 Tritanomaly 0.01% of the population

#7abdc2 hex color

#7abdc2 Color Information

#7abdc2 Color Conversion

Color Schemes with #7abdc2

Alternatives to #7abdc2

#7abdc2 Preview

Shades and Tints of #7abdc2

Tones of #7abdc2

Color Blindness Simulator