#7bc2dc hex color

In a RGB color space, hex #7bc2dc is composed of 48.2% red, 76.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 11.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 196.1 degrees, a saturation of 58.1% and a lightness of 67.3%. #7bc2dc color hex could be obtained by blending #f6ffff with #0085b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 76
- B 86
RGB color chart
- C 44
- M 12
- Y 0
- K 14
CMYK color chart

● #7bc2dc color description : Very soft blue.

The hexadecimal color #7bc2dc has RGB values of R:123, G:194, B:220 and CMYK values of C:0.44, M:0.12, Y:0, K:0.14. Its decimal value is 8110812.

Hex triplet	7bc2dc	`#7bc2dc`
RGB Decimal	123, 194, 220	`rgb(123,194,220)`
RGB Percent	48.2, 76.1, 86.3	`rgb(48.2%,76.1%,86.3%)`
CMYK	44, 12, 0, 14
HSL	196.1°, 58.1, 67.3	`hsl(196.1,58.1%,67.3%)`
HSV (or HSB)	196.1°, 44.1, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.799, -15.515, -19.95
XYZ	40.375, 47.96, 74.836
xyY	0.247, 0.294, 47.96
CIE-LCH	74.799, 25.273, 232.128
CIE-LUV	74.799, -32.827, -28.982
Hunter-Lab	69.253, -17.125, -15.593
Binary	01111011, 11000010, 11011100

#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#dc957b
```
#dc957b rgb(220,149,123)
```

Complementary Color

#7bdcc6
```
#7bdcc6 rgb(123,220,198)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#7b92dc
```
#7b92dc rgb(123,146,220)
```

Analogous Color

#dcc67b
```
#dcc67b rgb(220,198,123)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#dc7b92
```
#dc7b92 rgb(220,123,146)
```

Split Complementary Color

#c2dc7b
```
#c2dc7b rgb(194,220,123)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#dc7bc2
```
#dc7bc2 rgb(220,123,194)
```

Triadic Color

#7bdc95
```
#7bdc95 rgb(123,220,149)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#dc7bc2
```
#dc7bc2 rgb(220,123,194)
```
#dc957b
```
#dc957b rgb(220,149,123)
```

Tetradic Color

#3fa6cc
```
#3fa6cc rgb(63,166,204)
```
#53afd1
```
#53afd1 rgb(83,175,209)
```
#67b9d7
```
#67b9d7 rgb(103,185,215)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#8fcbe1
```
#8fcbe1 rgb(143,203,225)
```
#a3d5e7
```
#a3d5e7 rgb(163,213,231)
```
#b7deec
```
#b7deec rgb(183,222,236)
```

Monochromatic Color

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

#7bdadc
```
#7bdadc rgb(123,218,220)
```
#7bd2dc
```
#7bd2dc rgb(123,210,220)
```
#7bcadc
```
#7bcadc rgb(123,202,220)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#7bbadc
```
#7bbadc rgb(123,186,220)
```
#7bb2dc
```
#7bb2dc rgb(123,178,220)
```
#7baadc
```
#7baadc rgb(123,170,220)
```

Similar Colors

Text with hexadecimal color #7bc2dc

This text has a font color of #7bc2dc.

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

#7bc2dc background color

This paragraph has a background color of #7bc2dc.

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

#7bc2dc border color

This element has a border color of #7bc2dc.

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

CSS codes

.text {color:#7bc2dc;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#061317
```
#061317 rgb(6,19,23)
```
#0a1f27
```
#0a1f27 rgb(10,31,39)
```
#0e2b36
```
#0e2b36 rgb(14,43,54)
```
#123846
```
#123846 rgb(18,56,70)
```
#174455
```
#174455 rgb(23,68,85)
```
#1b5165
```
#1b5165 rgb(27,81,101)
```
#1f5d74
```
#1f5d74 rgb(31,93,116)
```
#236a84
```
#236a84 rgb(35,106,132)
```
#277693
```
#277693 rgb(39,118,147)
```
#2b83a3
```
#2b83a3 rgb(43,131,163)
```
#2f8fb2
```
#2f8fb2 rgb(47,143,178)
```
#339bc2
```
#339bc2 rgb(51,155,194)
```

Shade Color Variation

#3da5cc
```
#3da5cc rgb(61,165,204)
```
#4cadd0
```
#4cadd0 rgb(76,173,208)
```
#5cb4d4
```
#5cb4d4 rgb(92,180,212)
```
#6bbbd8
```
#6bbbd8 rgb(107,187,216)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#8bc9e0
```
#8bc9e0 rgb(139,201,224)
```
#9ad0e4
```
#9ad0e4 rgb(154,208,228)
```
#aad7e8
```
#aad7e8 rgb(170,215,232)
```
#b9dfec
```
#b9dfec rgb(185,223,236)
```
#c9e6f1
```
#c9e6f1 rgb(201,230,241)
```
#d8edf5
```
#d8edf5 rgb(216,237,245)
```
#e8f4f9
```
#e8f4f9 rgb(232,244,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#a8adaf
```
#a8adaf rgb(168,173,175)
```
#a2b0b5
```
#a2b0b5 rgb(162,176,181)
```
#9bb3bc
```
#9bb3bc rgb(155,179,188)
```
#95b6c2
```
#95b6c2 rgb(149,182,194)
```
#8eb9c9
```
#8eb9c9 rgb(142,185,201)
```
#88bccf
```
#88bccf rgb(136,188,207)
```
#81bfd6
```
#81bfd6 rgb(129,191,214)
```
#7bc2dc
```
#7bc2dc rgb(123,194,220)
```
#75c5e2
```
#75c5e2 rgb(117,197,226)
```
#6ec8e9
```
#6ec8e9 rgb(110,200,233)
```
#68cbef
```
#68cbef rgb(104,203,239)
```
#61cef6
```
#61cef6 rgb(97,206,246)
```
#5bd1fc
```
#5bd1fc rgb(91,209,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a5b4b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bad7 Protanopia 1% of men
#b8b8e2 Deuteranopia 1% of men
#7ec6d5 Tritanopia 0.001% of the population

Trichromacy

#a0bdd8 Protanomaly 1% of men, 0.01% of women
#a2bbe0 Deuteranomaly 6% of men, 0.4% of women
#7dc4d7 Tritanomaly 0.01% of the population

#7bc2dc hex color

#7bc2dc Color Information

#7bc2dc Color Conversion

Color Schemes with #7bc2dc

Alternatives to #7bc2dc

#7bc2dc Preview

Shades and Tints of #7bc2dc

Tones of #7bc2dc

Color Blindness Simulator