colorhexa.com

#6ac5bc hex color

In a RGB color space, hex #6ac5bc is composed of 41.6% red, 77.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 0% magenta, 4.6% yellow and 22.7% black. It has a hue angle of 174.1 degrees, a saturation of 44% and a lightness of 59.4%. #6ac5bc color hex could be obtained by blending #d4ffff with #008b79. Closest websafe color is: #66cccc.

- R 42
- G 77
- B 74
RGB color chart
- C 46
- M 0
- Y 5
- K 23
CMYK color chart

● #6ac5bc color description : Slightly desaturated cyan.

The hexadecimal color #6ac5bc has RGB values of R:106, G:197, B:188 and CMYK values of C:0.46, M:0, Y:0.05, K:0.23. Its decimal value is 6997436.

Hex triplet	6ac5bc	`#6ac5bc`
RGB Decimal	106, 197, 188	`rgb(106,197,188)`
RGB Percent	41.6, 77.3, 73.7	`rgb(41.6%,77.3%,73.7%)`
CMYK	46, 0, 5, 23
HSL	174.1°, 44, 59.4	`hsl(174.1,44%,59.4%)`
HSV (or HSB)	174.1°, 46.2, 77.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.949, -29.383, -3.935
XYZ	34.985, 46.625, 54.73
xyY	0.257, 0.342, 46.625
CIE-LCH	73.949, 29.646, 187.628
CIE-LUV	73.949, -40.475, -1.282
Hunter-Lab	68.283, -28.04, 0.276
Binary	01101010, 11000101, 10111100

#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#c56a73
```
#c56a73 rgb(197,106,115)
```

Complementary Color

#6ac58f
```
#6ac58f rgb(106,197,143)
```
#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#6aa1c5
```
#6aa1c5 rgb(106,161,197)
```

Analogous Color

#c58f6a
```
#c58f6a rgb(197,143,106)
```
#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#c56aa1
```
#c56aa1 rgb(197,106,161)
```

Split Complementary Color

#c5bc6a
```
#c5bc6a rgb(197,188,106)
```
#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#bc6ac5
```
#bc6ac5 rgb(188,106,197)
```

Triadic Color

#73c56a
```
#73c56a rgb(115,197,106)
```
#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#bc6ac5
```
#bc6ac5 rgb(188,106,197)
```
#c56a73
```
#c56a73 rgb(197,106,115)
```

Tetradic Color

#3fa399
```
#3fa399 rgb(63,163,153)
```
#47b5aa
```
#47b5aa rgb(71,181,170)
```
#58beb4
```
#58beb4 rgb(88,190,180)
```
#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#7cccc4
```
#7cccc4 rgb(124,204,196)
```
#8fd3cd
```
#8fd3cd rgb(143,211,205)
```
#a1dad5
```
#a1dad5 rgb(161,218,213)
```

Monochromatic Color

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

#6ac5a5
```
#6ac5a5 rgb(106,197,165)
```
#6ac5ad
```
#6ac5ad rgb(106,197,173)
```
#6ac5b4
```
#6ac5b4 rgb(106,197,180)
```
#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#6ac5c4
```
#6ac5c4 rgb(106,197,196)
```
#6abfc5
```
#6abfc5 rgb(106,191,197)
```
#6ab7c5
```
#6ab7c5 rgb(106,183,197)
```

Similar Colors

Text with hexadecimal color #6ac5bc

This text has a font color of #6ac5bc.

<span style="color:#6ac5bc;">Text here</span>

#6ac5bc background color

This paragraph has a background color of #6ac5bc.

<p style="background-color:#6ac5bc;">Content here</p>

#6ac5bc border color

This element has a border color of #6ac5bc.

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

CSS codes

.text {color:#6ac5bc;}

.background {background-color:#6ac5bc;}

.border {border:1px solid #6ac5bc;}

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

#020606
```
#020606 rgb(2,6,6)
```
#081413
```
#081413 rgb(8,20,19)
```
#0d2320
```
#0d2320 rgb(13,35,32)
```
#13312e
```
#13312e rgb(19,49,46)
```
#183f3b
```
#183f3b rgb(24,63,59)
```
#1e4d48
```
#1e4d48 rgb(30,77,72)
```
#235b56
```
#235b56 rgb(35,91,86)
```
#296963
```
#296963 rgb(41,105,99)
```
#2e7770
```
#2e7770 rgb(46,119,112)
```
#34857d
```
#34857d rgb(52,133,125)
```
#39948b
```
#39948b rgb(57,148,139)
```
#3fa298
```
#3fa298 rgb(63,162,152)
```
#44b0a5
```
#44b0a5 rgb(68,176,165)
```

Shade Color Variation

#4ebaaf
```
#4ebaaf rgb(78,186,175)
```
#5cc0b6
```
#5cc0b6 rgb(92,192,182)
```
#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#78cac2
```
#78cac2 rgb(120,202,194)
```
#86d0c9
```
#86d0c9 rgb(134,208,201)
```
#94d5cf
```
#94d5cf rgb(148,213,207)
```
#a2dbd5
```
#a2dbd5 rgb(162,219,213)
```
#b1e0dc
```
#b1e0dc rgb(177,224,220)
```
#bfe6e2
```
#bfe6e2 rgb(191,230,226)
```
#cdebe8
```
#cdebe8 rgb(205,235,232)
```
#dbf1ef
```
#dbf1ef rgb(219,241,239)
```
#e9f6f5
```
#e9f6f5 rgb(233,246,245)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929d9c is the less saturated color, while #32fde9 is the most saturated one.

#929d9c
```
#929d9c rgb(146,157,156)
```
#8aa5a2
```
#8aa5a2 rgb(138,165,162)
```
#82ada9
```
#82ada9 rgb(130,173,169)
```
#7ab5af
```
#7ab5af rgb(122,181,175)
```
#72bdb6
```
#72bdb6 rgb(114,189,182)
```
#6ac5bc
```
#6ac5bc rgb(106,197,188)
```
#62cdc2
```
#62cdc2 rgb(98,205,194)
```
#5ad5c9
```
#5ad5c9 rgb(90,213,201)
```
#52ddcf
```
#52ddcf rgb(82,221,207)
```
#4ae5d6
```
#4ae5d6 rgb(74,229,214)
```
#42eddc
```
#42eddc rgb(66,237,220)
```
#3af5e2
```
#3af5e2 rgb(58,245,226)
```
#32fde9
```
#32fde9 rgb(50,253,233)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9cafad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb8b7 Protanopia 1% of men
#c4b4c6 Deuteranopia 1% of men
#79c4d3 Tritanopia 0.001% of the population

Trichromacy

#9ebdb9 Protanomaly 1% of men, 0.01% of women
#a3bac2 Deuteranomaly 6% of men, 0.4% of women
#73c4ca Tritanomaly 0.01% of the population