#7abdd0 hex color

In a RGB color space, hex #7abdd0 is composed of 47.8% red, 74.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 9.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 193.3 degrees, a saturation of 47.8% and a lightness of 64.7%. #7abdd0 color hex could be obtained by blending #f4ffff with #007ba1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 74
- B 82
RGB color chart
- C 41
- M 9
- Y 0
- K 18
CMYK color chart

● #7abdd0 color description : Slightly desaturated cyan.

The hexadecimal color #7abdd0 has RGB values of R:122, G:189, B:208 and CMYK values of C:0.41, M:0.09, Y:0, K:0.18. Its decimal value is 8043984.

Hex triplet	7abdd0	`#7abdd0`
RGB Decimal	122, 189, 208	`rgb(122,189,208)`
RGB Percent	47.8, 74.1, 81.6	`rgb(47.8%,74.1%,81.6%)`
CMYK	41, 9, 0, 18
HSL	193.3°, 47.8, 64.7	`hsl(193.3,47.8%,64.7%)`
HSV (or HSB)	193.3°, 41.3, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.948, -16.331, -16.237
XYZ	37.606, 45.085, 66.392
xyY	0.252, 0.302, 45.085
CIE-LCH	72.948, 23.029, 224.836
CIE-LUV	72.948, -31.382, -22.697
Hunter-Lab	67.145, -17.532, -11.623
Binary	01111010, 10111101, 11010000

#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#d08d7a
```
#d08d7a rgb(208,141,122)
```

Complementary Color

#7ad0b8
```
#7ad0b8 rgb(122,208,184)
```
#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#7a92d0
```
#7a92d0 rgb(122,146,208)
```

Analogous Color

#d0b87a
```
#d0b87a rgb(208,184,122)
```
#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#d07a92
```
#d07a92 rgb(208,122,146)
```

Split Complementary Color

#bdd07a
```
#bdd07a rgb(189,208,122)
```
#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#d07abd
```
#d07abd rgb(208,122,189)
```

Triadic Color

#7ad08d
```
#7ad08d rgb(122,208,141)
```
#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#d07abd
```
#d07abd rgb(208,122,189)
```
#d08d7a
```
#d08d7a rgb(208,141,122)
```

Tetradic Color

#42a1bb
```
#42a1bb rgb(66,161,187)
```
#54aac3
```
#54aac3 rgb(84,170,195)
```
#67b4c9
```
#67b4c9 rgb(103,180,201)
```
#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#8dc6d7
```
#8dc6d7 rgb(141,198,215)
```
#a0d0dd
```
#a0d0dd rgb(160,208,221)
```
#b3d9e4
```
#b3d9e4 rgb(179,217,228)
```

Monochromatic Color

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

#7ad0ce
```
#7ad0ce rgb(122,208,206)
```
#7acbd0
```
#7acbd0 rgb(122,203,208)
```
#7ac4d0
```
#7ac4d0 rgb(122,196,208)
```
#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#7ab6d0
```
#7ab6d0 rgb(122,182,208)
```
#7aafd0
```
#7aafd0 rgb(122,175,208)
```
#7aa8d0
```
#7aa8d0 rgb(122,168,208)
```

Similar Colors

Text with hexadecimal color #7abdd0

This text has a font color of #7abdd0.

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

#7abdd0 background color

This paragraph has a background color of #7abdd0.

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

#7abdd0 border color

This element has a border color of #7abdd0.

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

CSS codes

.text {color:#7abdd0;}

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

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

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, #040a0c is the darkest color, while #fcfefe is the lightest one.

#040a0c
```
#040a0c rgb(4,10,12)
```
#09171a
```
#09171a rgb(9,23,26)
```
#0e2329
```
#0e2329 rgb(14,35,41)
```
#143037
```
#143037 rgb(20,48,55)
```
#193c46
```
#193c46 rgb(25,60,70)
```
#1e4854
```
#1e4854 rgb(30,72,84)
```
#235563
```
#235563 rgb(35,85,99)
```
#286171
```
#286171 rgb(40,97,113)
```
#2d6e80
```
#2d6e80 rgb(45,110,128)
```
#327a8e
```
#327a8e rgb(50,122,142)
```
#37869d
```
#37869d rgb(55,134,157)
```
#3d93ab
```
#3d93ab rgb(61,147,171)
```
#429fba
```
#429fba rgb(66,159,186)
```

Shade Color Variation

#4fa7c1
```
#4fa7c1 rgb(79,167,193)
```
#5dafc6
```
#5dafc6 rgb(93,175,198)
```
#6cb6cb
```
#6cb6cb rgb(108,182,203)
```
#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#88c4d5
```
#88c4d5 rgb(136,196,213)
```
#97cbda
```
#97cbda rgb(151,203,218)
```
#a5d3df
```
#a5d3df rgb(165,211,223)
```
#b4dae4
```
#b4dae4 rgb(180,218,228)
```
#c2e1ea
```
#c2e1ea rgb(194,225,234)
```
#d1e8ef
```
#d1e8ef rgb(209,232,239)
```
#dfeff4
```
#dfeff4 rgb(223,239,244)
```
#eef7f9
```
#eef7f9 rgb(238,247,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#a4a6a6
```
#a4a6a6 rgb(164,166,166)
```
#9daaad
```
#9daaad rgb(157,170,173)
```
#96aeb4
```
#96aeb4 rgb(150,174,180)
```
#8fb1bb
```
#8fb1bb rgb(143,177,187)
```
#88b5c2
```
#88b5c2 rgb(136,181,194)
```
#81b9c9
```
#81b9c9 rgb(129,185,201)
```
#7abdd0
```
#7abdd0 rgb(122,189,208)
```
#73c1d7
```
#73c1d7 rgb(115,193,215)
```
#6cc5de
```
#6cc5de rgb(108,197,222)
```
#65c9e5
```
#65c9e5 rgb(101,201,229)
```
#5eccec
```
#5eccec rgb(94,204,236)
```
#57d0f3
```
#57d0f3 rgb(87,208,243)
```
#50d4fa
```
#50d4fa rgb(80,212,250)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a1afb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b5cc Protanopia 1% of men
#b7b3d7 Deuteranopia 1% of men
#7fc1cf Tritanopia 0.001% of the population

Trichromacy

#9eb8cd Protanomaly 1% of men, 0.01% of women
#a0b6d4 Deuteranomaly 6% of men, 0.4% of women
#7dbfcf Tritanomaly 0.01% of the population

#7abdd0 hex color

#7abdd0 Color Information

#7abdd0 Color Conversion

Color Schemes with #7abdd0

Alternatives to #7abdd0

#7abdd0 Preview

Shades and Tints of #7abdd0

Tones of #7abdd0

Color Blindness Simulator