#7cbad2 hex color

In a RGB color space, hex #7cbad2 is composed of 48.6% red, 72.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 11.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 196.7 degrees, a saturation of 48.9% and a lightness of 65.5%. #7cbad2 color hex could be obtained by blending #f8ffff with #0075a5. Closest websafe color is: #66cccc.

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

● #7cbad2 color description : Slightly desaturated blue.

The hexadecimal color #7cbad2 has RGB values of R:124, G:186, B:210 and CMYK values of C:0.41, M:0.11, Y:0, K:0.18. Its decimal value is 8174290.

Hex triplet	7cbad2	`#7cbad2`
RGB Decimal	124, 186, 210	`rgb(124,186,210)`
RGB Percent	48.6, 72.9, 82.4	`rgb(48.6%,72.9%,82.4%)`
CMYK	41, 11, 0, 18
HSL	196.7°, 48.9, 65.5	`hsl(196.7,48.9%,65.5%)`
HSV (or HSB)	196.7°, 41, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.265, -13.728, -18.351
XYZ	37.501, 44.054, 67.496
xyY	0.252, 0.296, 44.054
CIE-LCH	72.265, 22.917, 233.2
CIE-LUV	72.265, -29.42, -26.48
Hunter-Lab	66.373, -15.3, -13.832
Binary	01111100, 10111010, 11010010

#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#d2947c
```
#d2947c rgb(210,148,124)
```

Complementary Color

#7cd2bf
```
#7cd2bf rgb(124,210,191)
```
#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#7c8fd2
```
#7c8fd2 rgb(124,143,210)
```

Analogous Color

#d2bf7c
```
#d2bf7c rgb(210,191,124)
```
#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#d27c8f
```
#d27c8f rgb(210,124,143)
```

Split Complementary Color

#bad27c
```
#bad27c rgb(186,210,124)
```
#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#d27cba
```
#d27cba rgb(210,124,186)
```

Triadic Color

#7cd294
```
#7cd294 rgb(124,210,148)
```
#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#d27cba
```
#d27cba rgb(210,124,186)
```
#d2947c
```
#d2947c rgb(210,148,124)
```

Tetradic Color

#439cbe
```
#439cbe rgb(67,156,190)
```
#56a6c5
```
#56a6c5 rgb(86,166,197)
```
#69b0cb
```
#69b0cb rgb(105,176,203)
```
#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#8fc4d9
```
#8fc4d9 rgb(143,196,217)
```
#a2cedf
```
#a2cedf rgb(162,206,223)
```
#b5d8e6
```
#b5d8e6 rgb(181,216,230)
```

Monochromatic Color

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

#7cd0d2
```
#7cd0d2 rgb(124,208,210)
```
#7cc8d2
```
#7cc8d2 rgb(124,200,210)
```
#7cc1d2
```
#7cc1d2 rgb(124,193,210)
```
#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#7cb3d2
```
#7cb3d2 rgb(124,179,210)
```
#7cacd2
```
#7cacd2 rgb(124,172,210)
```
#7ca5d2
```
#7ca5d2 rgb(124,165,210)
```

Similar Colors

Text with hexadecimal color #7cbad2

This text has a font color of #7cbad2.

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

#7cbad2 background color

This paragraph has a background color of #7cbad2.

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

#7cbad2 border color

This element has a border color of #7cbad2.

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

CSS codes

.text {color:#7cbad2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050c0f
```
#050c0f rgb(5,12,15)
```
#0a181e
```
#0a181e rgb(10,24,30)
```
#0f242c
```
#0f242c rgb(15,36,44)
```
#14303b
```
#14303b rgb(20,48,59)
```
#193c49
```
#193c49 rgb(25,60,73)
```
#1e4858
```
#1e4858 rgb(30,72,88)
```
#235467
```
#235467 rgb(35,84,103)
```
#286075
```
#286075 rgb(40,96,117)
```
#2d6c84
```
#2d6c84 rgb(45,108,132)
```
#327892
```
#327892 rgb(50,120,146)
```
#3784a1
```
#3784a1 rgb(55,132,161)
```
#3c8fb0
```
#3c8fb0 rgb(60,143,176)
```

Shade Color Variation

#429bbe
```
#429bbe rgb(66,155,190)
```
#50a3c3
```
#50a3c3 rgb(80,163,195)
```
#5fabc8
```
#5fabc8 rgb(95,171,200)
```
#6db2cd
```
#6db2cd rgb(109,178,205)
```
#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#8bc2d7
```
#8bc2d7 rgb(139,194,215)
```
#99c9dc
```
#99c9dc rgb(153,201,220)
```
#a8d1e1
```
#a8d1e1 rgb(168,209,225)
```
#b6d9e6
```
#b6d9e6 rgb(182,217,230)
```
#c5e0eb
```
#c5e0eb rgb(197,224,235)
```
#d4e8f0
```
#d4e8f0 rgb(212,232,240)
```
#e2f0f5
```
#e2f0f5 rgb(226,240,245)
```
#f1f8fa
```
#f1f8fa rgb(241,248,250)
```

Tint Color Variation

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

#a5a8a9
```
#a5a8a9 rgb(165,168,169)
```
#9eabb0
```
#9eabb0 rgb(158,171,176)
```
#97aeb7
```
#97aeb7 rgb(151,174,183)
```
#90b1be
```
#90b1be rgb(144,177,190)
```
#8ab4c4
```
#8ab4c4 rgb(138,180,196)
```
#83b7cb
```
#83b7cb rgb(131,183,203)
```
#7cbad2
```
#7cbad2 rgb(124,186,210)
```
#75bdd9
```
#75bdd9 rgb(117,189,217)
```
#6ec0e0
```
#6ec0e0 rgb(110,192,224)
```
#68c3e6
```
#68c3e6 rgb(104,195,230)
```
#61c6ed
```
#61c6ed rgb(97,198,237)
```
#5ac9f4
```
#5ac9f4 rgb(90,201,244)
```
#53ccfb
```
#53ccfb rgb(83,204,251)
```

Tone Color Variation

Below, you can see how #7cbad2 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
#a1adb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b3ce Protanopia 1% of men
#b3b1d8 Deuteranopia 1% of men
#80becc Tritanopia 0.001% of the population

Trichromacy

#9db6cf Protanomaly 1% of men, 0.01% of women
#9fb4d6 Deuteranomaly 6% of men, 0.4% of women
#7ebdce Tritanomaly 0.01% of the population

#7cbad2 hex color

#7cbad2 Color Information

#7cbad2 Color Conversion

Color Schemes with #7cbad2

Alternatives to #7cbad2

#7cbad2 Preview

Shades and Tints of #7cbad2

Tones of #7cbad2

Color Blindness Simulator