#7cafbc hex color

In a RGB color space, hex #7cafbc is composed of 48.6% red, 68.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 34% cyan, 6.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 192.2 degrees, a saturation of 32.3% and a lightness of 61.2%. #7cafbc color hex could be obtained by blending #f8ffff with #005f79. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 69
- B 74
RGB color chart
- C 34
- M 7
- Y 0
- K 26
CMYK color chart

● #7cafbc color description : Slightly desaturated cyan.

The hexadecimal color #7cafbc has RGB values of R:124, G:175, B:188 and CMYK values of C:0.34, M:0.07, Y:0, K:0.26. Its decimal value is 8171452.

Hex triplet	7cafbc	`#7cafbc`
RGB Decimal	124, 175, 188	`rgb(124,175,188)`
RGB Percent	48.6, 68.6, 73.7	`rgb(48.6%,68.6%,73.7%)`
CMYK	34, 7, 0, 26
HSL	192.2°, 32.3, 61.2	`hsl(192.2,32.3%,61.2%)`
HSV (or HSB)	192.2°, 34, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.442, -13.559, -12.029
XYZ	32.717, 38.574, 53.296
xyY	0.263, 0.31, 38.574
CIE-LCH	68.442, 18.126, 221.578
CIE-LUV	68.442, -25.047, -16.176
Hunter-Lab	62.108, -14.661, -7.402
Binary	01111100, 10101111, 10111100

#7cafbc
```
#7cafbc rgb(124,175,188)
```
#bc897c
```
#bc897c rgb(188,137,124)
```

Complementary Color

#7cbca9
```
#7cbca9 rgb(124,188,169)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#7c8fbc
```
#7c8fbc rgb(124,143,188)
```

Analogous Color

#bca97c
```
#bca97c rgb(188,169,124)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#bc7c8f
```
#bc7c8f rgb(188,124,143)
```

Split Complementary Color

#afbc7c
```
#afbc7c rgb(175,188,124)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#bc7caf
```
#bc7caf rgb(188,124,175)
```

Triadic Color

#7cbc89
```
#7cbc89 rgb(124,188,137)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#bc7caf
```
#bc7caf rgb(188,124,175)
```
#bc897c
```
#bc897c rgb(188,137,124)
```

Tetradic Color

#508c9c
```
#508c9c rgb(80,140,156)
```
#5a9aab
```
#5a9aab rgb(90,154,171)
```
#6ba5b3
```
#6ba5b3 rgb(107,165,179)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#8db9c5
```
#8db9c5 rgb(141,185,197)
```
#9ec4cd
```
#9ec4cd rgb(158,196,205)
```
#afced6
```
#afced6 rgb(175,206,214)
```

Monochromatic Color

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

#7cbcb9
```
#7cbcb9 rgb(124,188,185)
```
#7cbabc
```
#7cbabc rgb(124,186,188)
```
#7cb4bc
```
#7cb4bc rgb(124,180,188)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#7caabc
```
#7caabc rgb(124,170,188)
```
#7ca4bc
```
#7ca4bc rgb(124,164,188)
```
#7c9fbc
```
#7c9fbc rgb(124,159,188)
```

Similar Colors

Text with hexadecimal color #7cafbc

This text has a font color of #7cafbc.

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

#7cafbc background color

This paragraph has a background color of #7cafbc.

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

#7cafbc border color

This element has a border color of #7cafbc.

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

CSS codes

.text {color:#7cafbc;}

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

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

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, #060b0c is the darkest color, while #fefefe is the lightest one.

#060b0c
```
#060b0c rgb(6,11,12)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#132226
```
#132226 rgb(19,34,38)
```
#1a2e33
```
#1a2e33 rgb(26,46,51)
```
#213940
```
#213940 rgb(33,57,64)
```
#27454d
```
#27454d rgb(39,69,77)
```
#2e515a
```
#2e515a rgb(46,81,90)
```
#345c67
```
#345c67 rgb(52,92,103)
```
#3b6874
```
#3b6874 rgb(59,104,116)
```
#427481
```
#427481 rgb(66,116,129)
```
#487f8e
```
#487f8e rgb(72,127,142)
```
#4f8b9b
```
#4f8b9b rgb(79,139,155)
```
#5697a7
```
#5697a7 rgb(86,151,167)
```

Shade Color Variation

#629faf
```
#629faf rgb(98,159,175)
```
#6fa7b5
```
#6fa7b5 rgb(111,167,181)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#89b7c3
```
#89b7c3 rgb(137,183,195)
```
#96bfc9
```
#96bfc9 rgb(150,191,201)
```
#a3c7d0
```
#a3c7d0 rgb(163,199,208)
```
#b0cfd7
```
#b0cfd7 rgb(176,207,215)
```
#bdd7dd
```
#bdd7dd rgb(189,215,221)
```
#cadfe4
```
#cadfe4 rgb(202,223,228)
```
#d7e6ea
```
#d7e6ea rgb(215,230,234)
```
#e4eef1
```
#e4eef1 rgb(228,238,241)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9d9e is the less saturated color, while #3fd3f9 is the most saturated one.

#9a9d9e
```
#9a9d9e rgb(154,157,158)
```
#93a1a5
```
#93a1a5 rgb(147,161,165)
```
#8ba6ad
```
#8ba6ad rgb(139,166,173)
```
#84aab4
```
#84aab4 rgb(132,170,180)
```
#7cafbc
```
#7cafbc rgb(124,175,188)
```
#74b4c4
```
#74b4c4 rgb(116,180,196)
```
#6db8cb
```
#6db8cb rgb(109,184,203)
```
#65bdd3
```
#65bdd3 rgb(101,189,211)
```
#5ec1da
```
#5ec1da rgb(94,193,218)
```
#56c6e2
```
#56c6e2 rgb(86,198,226)
```
#4ecaea
```
#4ecaea rgb(78,202,234)
```
#47cff1
```
#47cff1 rgb(71,207,241)
```
#3fd3f9
```
#3fd3f9 rgb(63,211,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9aa4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9aaba Protanopia 1% of men
#afa7c3 Deuteranopia 1% of men
#82b3c0 Tritanopia 0.001% of the population

Trichromacy

#99acba Protanomaly 1% of men, 0.01% of women
#9caac0 Deuteranomaly 6% of men, 0.4% of women
#80b1be Tritanomaly 0.01% of the population

#7cafbc hex color

#7cafbc Color Information

#7cafbc Color Conversion

Color Schemes with #7cafbc

Alternatives to #7cafbc

#7cafbc Preview

Shades and Tints of #7cafbc

Tones of #7cafbc

Color Blindness Simulator