#7bb5d2 hex color

In a RGB color space, hex #7bb5d2 is composed of 48.2% red, 71% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 13.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 200 degrees, a saturation of 49.2% and a lightness of 65.3%. #7bb5d2 color hex could be obtained by blending #f6ffff with #006ba5. Closest websafe color is: #66cccc.

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

● #7bb5d2 color description : Slightly desaturated blue.

The hexadecimal color #7bb5d2 has RGB values of R:123, G:181, B:210 and CMYK values of C:0.41, M:0.14, Y:0, K:0.18. Its decimal value is 8107474.

Hex triplet	7bb5d2	`#7bb5d2`
RGB Decimal	123, 181, 210	`rgb(123,181,210)`
RGB Percent	48.2, 71, 82.4	`rgb(48.2%,71%,82.4%)`
CMYK	41, 14, 0, 18
HSL	200°, 49.2, 65.3	`hsl(200,49.2%,65.3%)`
HSV (or HSB)	200°, 41.4, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.809, -11.336, -20.564
XYZ	36.322, 41.91, 67.145
xyY	0.25, 0.288, 41.91
CIE-LCH	70.809, 23.482, 241.133
CIE-LUV	70.809, -27.752, -30.364
Hunter-Lab	64.738, -13.141, -16.178
Binary	01111011, 10110101, 11010010

#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#d2987b
```
#d2987b rgb(210,152,123)
```

Complementary Color

#7bd2c4
```
#7bd2c4 rgb(123,210,196)
```
#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#7b8ad2
```
#7b8ad2 rgb(123,138,210)
```

Analogous Color

#d2c47b
```
#d2c47b rgb(210,196,123)
```
#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#d27b8a
```
#d27b8a rgb(210,123,138)
```

Split Complementary Color

#b5d27b
```
#b5d27b rgb(181,210,123)
```
#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#d27bb5
```
#d27bb5 rgb(210,123,181)
```

Triadic Color

#7bd298
```
#7bd298 rgb(123,210,152)
```
#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#d27bb5
```
#d27bb5 rgb(210,123,181)
```
#d2987b
```
#d2987b rgb(210,152,123)
```

Tetradic Color

#4295bf
```
#4295bf rgb(66,149,191)
```
#55a0c5
```
#55a0c5 rgb(85,160,197)
```
#68aacc
```
#68aacc rgb(104,170,204)
```
#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#8ec0d8
```
#8ec0d8 rgb(142,192,216)
```
#a1cadf
```
#a1cadf rgb(161,202,223)
```
#b4d5e5
```
#b4d5e5 rgb(180,213,229)
```

Monochromatic Color

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

#7bcbd2
```
#7bcbd2 rgb(123,203,210)
```
#7bc4d2
```
#7bc4d2 rgb(123,196,210)
```
#7bbcd2
```
#7bbcd2 rgb(123,188,210)
```
#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#7baed2
```
#7baed2 rgb(123,174,210)
```
#7ba7d2
```
#7ba7d2 rgb(123,167,210)
```
#7b9fd2
```
#7b9fd2 rgb(123,159,210)
```

Similar Colors

Text with hexadecimal color #7bb5d2

This text has a font color of #7bb5d2.

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

#7bb5d2 background color

This paragraph has a background color of #7bb5d2.

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

#7bb5d2 border color

This element has a border color of #7bb5d2.

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

CSS codes

.text {color:#7bb5d2;}

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

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

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, #050b0e is the darkest color, while #ffffff is the lightest one.

#050b0e
```
#050b0e rgb(5,11,14)
```
#0a171d
```
#0a171d rgb(10,23,29)
```
#0f222c
```
#0f222c rgb(15,34,44)
```
#142d3a
```
#142d3a rgb(20,45,58)
```
#193949
```
#193949 rgb(25,57,73)
```
#1e4457
```
#1e4457 rgb(30,68,87)
```
#235066
```
#235066 rgb(35,80,102)
```
#285b75
```
#285b75 rgb(40,91,117)
```
#2d6683
```
#2d6683 rgb(45,102,131)
```
#327292
```
#327292 rgb(50,114,146)
```
#377da1
```
#377da1 rgb(55,125,161)
```
#3c89af
```
#3c89af rgb(60,137,175)
```
#4194be
```
#4194be rgb(65,148,190)
```

Shade Color Variation

#4f9cc3
```
#4f9cc3 rgb(79,156,195)
```
#5ea5c8
```
#5ea5c8 rgb(94,165,200)
```
#6cadcd
```
#6cadcd rgb(108,173,205)
```
#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#8abdd7
```
#8abdd7 rgb(138,189,215)
```
#98c5dc
```
#98c5dc rgb(152,197,220)
```
#a7cee1
```
#a7cee1 rgb(167,206,225)
```
#b6d6e6
```
#b6d6e6 rgb(182,214,230)
```
#c4deeb
```
#c4deeb rgb(196,222,235)
```
#d3e6f0
```
#d3e6f0 rgb(211,230,240)
```
#e1eef5
```
#e1eef5 rgb(225,238,245)
```
#f0f7fa
```
#f0f7fa rgb(240,247,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a4a7a9
```
#a4a7a9 rgb(164,167,169)
```
#9daab0
```
#9daab0 rgb(157,170,176)
```
#96acb7
```
#96acb7 rgb(150,172,183)
```
#8faebe
```
#8faebe rgb(143,174,190)
```
#89b0c4
```
#89b0c4 rgb(137,176,196)
```
#82b3cb
```
#82b3cb rgb(130,179,203)
```
#7bb5d2
```
#7bb5d2 rgb(123,181,210)
```
#74b7d9
```
#74b7d9 rgb(116,183,217)
```
#6dbae0
```
#6dbae0 rgb(109,186,224)
```
#67bce6
```
#67bce6 rgb(103,188,230)
```
#60beed
```
#60beed rgb(96,190,237)
```
#59c0f4
```
#59c0f4 rgb(89,192,244)
```
#52c3fb
```
#52c3fb rgb(82,195,251)
```

Tone Color Variation

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

#aab0ce Protanopia 1% of men
#adaed8 Deuteranopia 1% of men
#7dbac8 Tritanopia 0.001% of the population

Trichromacy

#99b1d0 Protanomaly 1% of men, 0.01% of women
#9ab0d5 Deuteranomaly 6% of men, 0.4% of women
#7cb8cb Tritanomaly 0.01% of the population

#7bb5d2 hex color

#7bb5d2 Color Information

#7bb5d2 Color Conversion

Color Schemes with #7bb5d2

Alternatives to #7bb5d2

#7bb5d2 Preview

Shades and Tints of #7bb5d2

Tones of #7bb5d2

Color Blindness Simulator