#7ab5d5 hex color

In a RGB color space, hex #7ab5d5 is composed of 47.8% red, 71% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 42.7% cyan, 15% magenta, 0% yellow and 16.5% black. It has a hue angle of 201.1 degrees, a saturation of 52% and a lightness of 65.7%. #7ab5d5 color hex could be obtained by blending #f4ffff with #006bab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 71
- B 84
RGB color chart
- C 43
- M 15
- Y 0
- K 16
CMYK color chart

● #7ab5d5 color description : Slightly desaturated blue.

The hexadecimal color #7ab5d5 has RGB values of R:122, G:181, B:213 and CMYK values of C:0.43, M:0.15, Y:0, K:0.16. Its decimal value is 8041941.

Hex triplet	7ab5d5	`#7ab5d5`
RGB Decimal	122, 181, 213	`rgb(122,181,213)`
RGB Percent	47.8, 71, 83.5	`rgb(47.8%,71%,83.5%)`
CMYK	43, 15, 0, 16
HSL	201.1°, 52, 65.7	`hsl(201.1,52%,65.7%)`
HSV (or HSB)	201.1°, 42.7, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.862, -10.786, -22.129
XYZ	36.557, 41.988, 69.125
xyY	0.248, 0.284, 41.988
CIE-LCH	70.862, 24.618, 244.014
CIE-LUV	70.862, -28.08, -33.02
Hunter-Lab	64.798, -12.691, -17.891
Binary	01111010, 10110101, 11010101

#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#d59a7a
```
#d59a7a rgb(213,154,122)
```

Complementary Color

#7ad5c8
```
#7ad5c8 rgb(122,213,200)
```
#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#7a88d5
```
#7a88d5 rgb(122,136,213)
```

Analogous Color

#d5c87a
```
#d5c87a rgb(213,200,122)
```
#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#d57a88
```
#d57a88 rgb(213,122,136)
```

Split Complementary Color

#b5d57a
```
#b5d57a rgb(181,213,122)
```
#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#d57ab5
```
#d57ab5 rgb(213,122,181)
```

Triadic Color

#7ad59a
```
#7ad59a rgb(122,213,154)
```
#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#d57ab5
```
#d57ab5 rgb(213,122,181)
```
#d59a7a
```
#d59a7a rgb(213,154,122)
```

Tetradic Color

#4095c3
```
#4095c3 rgb(64,149,195)
```
#539fc9
```
#539fc9 rgb(83,159,201)
```
#67aacf
```
#67aacf rgb(103,170,207)
```
#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#8dc0db
```
#8dc0db rgb(141,192,219)
```
#a1cbe1
```
#a1cbe1 rgb(161,203,225)
```
#b4d5e7
```
#b4d5e7 rgb(180,213,231)
```

Monochromatic Color

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

#7accd5
```
#7accd5 rgb(122,204,213)
```
#7ac4d5
```
#7ac4d5 rgb(122,196,213)
```
#7abdd5
```
#7abdd5 rgb(122,189,213)
```
#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#7aadd5
```
#7aadd5 rgb(122,173,213)
```
#7aa6d5
```
#7aa6d5 rgb(122,166,213)
```
#7a9ed5
```
#7a9ed5 rgb(122,158,213)
```

Similar Colors

Text with hexadecimal color #7ab5d5

This text has a font color of #7ab5d5.

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

#7ab5d5 background color

This paragraph has a background color of #7ab5d5.

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

#7ab5d5 border color

This element has a border color of #7ab5d5.

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

CSS codes

.text {color:#7ab5d5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050c10
```
#050c10 rgb(5,12,16)
```
#0a181f
```
#0a181f rgb(10,24,31)
```
#0e232e
```
#0e232e rgb(14,35,46)
```
#132e3d
```
#132e3d rgb(19,46,61)
```
#18394c
```
#18394c rgb(24,57,76)
```
#1d455b
```
#1d455b rgb(29,69,91)
```
#21506a
```
#21506a rgb(33,80,106)
```
#265b78
```
#265b78 rgb(38,91,120)
```
#2b6787
```
#2b6787 rgb(43,103,135)
```
#2f7296
```
#2f7296 rgb(47,114,150)
```
#347da5
```
#347da5 rgb(52,125,165)
```
#3989b4
```
#3989b4 rgb(57,137,180)
```

Shade Color Variation

#3e94c2
```
#3e94c2 rgb(62,148,194)
```
#4d9cc7
```
#4d9cc7 rgb(77,156,199)
```
#5ca4cc
```
#5ca4cc rgb(92,164,204)
```
#6badd0
```
#6badd0 rgb(107,173,208)
```
#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#89bdda
```
#89bdda rgb(137,189,218)
```
#98c6de
```
#98c6de rgb(152,198,222)
```
#a7cee3
```
#a7cee3 rgb(167,206,227)
```
#b6d6e8
```
#b6d6e8 rgb(182,214,232)
```
#c5deed
```
#c5deed rgb(197,222,237)
```
#d3e7f1
```
#d3e7f1 rgb(211,231,241)
```
#e2eff6
```
#e2eff6 rgb(226,239,246)
```
#f1f7fb
```
#f1f7fb rgb(241,247,251)
```

Tint Color Variation

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

#a2a9ad
```
#a2a9ad rgb(162,169,173)
```
#9cabb3
```
#9cabb3 rgb(156,171,179)
```
#95adba
```
#95adba rgb(149,173,186)
```
#8eafc1
```
#8eafc1 rgb(142,175,193)
```
#87b1c8
```
#87b1c8 rgb(135,177,200)
```
#81b3ce
```
#81b3ce rgb(129,179,206)
```
#7ab5d5
```
#7ab5d5 rgb(122,181,213)
```
#73b7dc
```
#73b7dc rgb(115,183,220)
```
#6db9e2
```
#6db9e2 rgb(109,185,226)
```
#66bbe9
```
#66bbe9 rgb(102,187,233)
```
#5fbdf0
```
#5fbdf0 rgb(95,189,240)
```
#58bff7
```
#58bff7 rgb(88,191,247)
```
#52c1fd
```
#52c1fd rgb(82,193,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9eaab0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab0d1 Protanopia 1% of men
#abaeda Deuteranopia 1% of men
#7bbbc9 Tritanopia 0.001% of the population

Trichromacy

#98b1d2 Protanomaly 1% of men, 0.01% of women
#99b0d8 Deuteranomaly 6% of men, 0.4% of women
#7bb9cd Tritanomaly 0.01% of the population

#7ab5d5 hex color

#7ab5d5 Color Information

#7ab5d5 Color Conversion

Color Schemes with #7ab5d5

Alternatives to #7ab5d5

#7ab5d5 Preview

Shades and Tints of #7ab5d5

Tones of #7ab5d5

Color Blindness Simulator