#7cb0d1 hex color

In a RGB color space, hex #7cb0d1 is composed of 48.6% red, 69% green and 82% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 15.8% magenta, 0% yellow and 18% black. It has a hue angle of 203.3 degrees, a saturation of 48% and a lightness of 65.3%. #7cb0d1 color hex could be obtained by blending #f8ffff with #0061a3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 69
- B 82
RGB color chart
- C 41
- M 16
- Y 0
- K 18
CMYK color chart

● #7cb0d1 color description : Slightly desaturated blue.

The hexadecimal color #7cb0d1 has RGB values of R:124, G:176, B:209 and CMYK values of C:0.41, M:0.16, Y:0, K:0.18. Its decimal value is 8171729.

Hex triplet	7cb0d1	`#7cb0d1`
RGB Decimal	124, 176, 209	`rgb(124,176,209)`
RGB Percent	48.6, 69, 82	`rgb(48.6%,69%,82%)`
CMYK	41, 16, 0, 18
HSL	203.3°, 48, 65.3	`hsl(203.3,48%,65.3%)`
HSV (or HSB)	203.3°, 40.7, 82
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.425, -8.661, -22.117
XYZ	35.343, 39.938, 66.164
xyY	0.25, 0.282, 39.938
CIE-LCH	69.425, 23.753, 248.615
CIE-LUV	69.425, -25.364, -33.201
Hunter-Lab	63.196, -10.765, -17.837
Binary	01111100, 10110000, 11010001

#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#d19d7c
```
#d19d7c rgb(209,157,124)
```

Complementary Color

#7cd1c8
```
#7cd1c8 rgb(124,209,200)
```
#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#7c86d1
```
#7c86d1 rgb(124,134,209)
```

Analogous Color

#d1c87c
```
#d1c87c rgb(209,200,124)
```
#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#d17c86
```
#d17c86 rgb(209,124,134)
```

Split Complementary Color

#b0d17c
```
#b0d17c rgb(176,209,124)
```
#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#d17cb0
```
#d17cb0 rgb(209,124,176)
```

Triadic Color

#7cd19d
```
#7cd19d rgb(124,209,157)
```
#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#d17cb0
```
#d17cb0 rgb(209,124,176)
```
#d19d7c
```
#d19d7c rgb(209,157,124)
```

Tetradic Color

#438ebd
```
#438ebd rgb(67,142,189)
```
#5699c4
```
#5699c4 rgb(86,153,196)
```
#69a5ca
```
#69a5ca rgb(105,165,202)
```
#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#8fbbd8
```
#8fbbd8 rgb(143,187,216)
```
#a2c7de
```
#a2c7de rgb(162,199,222)
```
#b5d2e5
```
#b5d2e5 rgb(181,210,229)
```

Monochromatic Color

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

#7cc5d1
```
#7cc5d1 rgb(124,197,209)
```
#7cbed1
```
#7cbed1 rgb(124,190,209)
```
#7cb7d1
```
#7cb7d1 rgb(124,183,209)
```
#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#7ca9d1
```
#7ca9d1 rgb(124,169,209)
```
#7ca2d1
```
#7ca2d1 rgb(124,162,209)
```
#7c9bd1
```
#7c9bd1 rgb(124,155,209)
```

Similar Colors

Text with hexadecimal color #7cb0d1

This text has a font color of #7cb0d1.

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

#7cb0d1 background color

This paragraph has a background color of #7cb0d1.

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

#7cb0d1 border color

This element has a border color of #7cb0d1.

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

CSS codes

.text {color:#7cb0d1;}

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

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

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)
```
#0a151d
```
#0a151d rgb(10,21,29)
```
#0f202b
```
#0f202b rgb(15,32,43)
```
#142b3a
```
#142b3a rgb(20,43,58)
```
#193648
```
#193648 rgb(25,54,72)
```
#1e4157
```
#1e4157 rgb(30,65,87)
```
#244c65
```
#244c65 rgb(36,76,101)
```
#295774
```
#295774 rgb(41,87,116)
```
#2e6182
```
#2e6182 rgb(46,97,130)
```
#336c91
```
#336c91 rgb(51,108,145)
```
#38779f
```
#38779f rgb(56,119,159)
```
#3d82ae
```
#3d82ae rgb(61,130,174)
```
#428dbc
```
#428dbc rgb(66,141,188)
```

Shade Color Variation

#5096c2
```
#5096c2 rgb(80,150,194)
```
#5f9ec7
```
#5f9ec7 rgb(95,158,199)
```
#6da7cc
```
#6da7cc rgb(109,167,204)
```
#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#8bb9d6
```
#8bb9d6 rgb(139,185,214)
```
#99c2db
```
#99c2db rgb(153,194,219)
```
#a8cae0
```
#a8cae0 rgb(168,202,224)
```
#b6d3e5
```
#b6d3e5 rgb(182,211,229)
```
#c5dcea
```
#c5dcea rgb(197,220,234)
```
#d3e5f0
```
#d3e5f0 rgb(211,229,240)
```
#e2edf5
```
#e2edf5 rgb(226,237,245)
```
#f0f6fa
```
#f0f6fa rgb(240,246,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a5a7a8
```
#a5a7a8 rgb(165,167,168)
```
#9ea8af
```
#9ea8af rgb(158,168,175)
```
#97aab6
```
#97aab6 rgb(151,170,182)
```
#90abbd
```
#90abbd rgb(144,171,189)
```
#8aadc3
```
#8aadc3 rgb(138,173,195)
```
#83aeca
```
#83aeca rgb(131,174,202)
```
#7cb0d1
```
#7cb0d1 rgb(124,176,209)
```
#75b2d8
```
#75b2d8 rgb(117,178,216)
```
#6eb3df
```
#6eb3df rgb(110,179,223)
```
#68b5e5
```
#68b5e5 rgb(104,181,229)
```
#61b6ec
```
#61b6ec rgb(97,182,236)
```
#5ab8f3
```
#5ab8f3 rgb(90,184,243)
```
#53b9fa
```
#53b9fa rgb(83,185,250)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ca6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6acce Protanopia 1% of men
#a7aad6 Deuteranopia 1% of men
#7db6c4 Tritanopia 0.001% of the population

Trichromacy

#96adcf Protanomaly 1% of men, 0.01% of women
#97acd4 Deuteranomaly 6% of men, 0.4% of women
#7db4c8 Tritanomaly 0.01% of the population

#7cb0d1 hex color

#7cb0d1 Color Information

#7cb0d1 Color Conversion

Color Schemes with #7cb0d1

Alternatives to #7cb0d1

#7cb0d1 Preview

Shades and Tints of #7cb0d1

Tones of #7cb0d1

Color Blindness Simulator