#78afbf hex color

In a RGB color space, hex #78afbf is composed of 47.1% red, 68.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 8.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 193.5 degrees, a saturation of 35.7% and a lightness of 61%. #78afbf color hex could be obtained by blending #f0ffff with #005f7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 69
- B 75
RGB color chart
- C 37
- M 8
- Y 0
- K 25
CMYK color chart

● #78afbf color description : Slightly desaturated cyan.

The hexadecimal color #78afbf has RGB values of R:120, G:175, B:191 and CMYK values of C:0.37, M:0.08, Y:0, K:0.25. Its decimal value is 7909311.

Hex triplet	78afbf	`#78afbf`
RGB Decimal	120, 175, 191	`rgb(120,175,191)`
RGB Percent	47.1, 68.6, 74.9	`rgb(47.1%,68.6%,74.9%)`
CMYK	37, 8, 0, 25
HSL	193.5°, 35.7, 61	`hsl(193.5,35.7%,61%)`
HSV (or HSB)	193.5°, 37.2, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.324, -13.909, -13.886
XYZ	32.477, 38.413, 54.991
xyY	0.258, 0.305, 38.413
CIE-LCH	68.324, 19.654, 224.952
CIE-LUV	68.324, -26.576, -19.068
Hunter-Lab	61.978, -14.926, -9.22
Binary	01111000, 10101111, 10111111

#78afbf
```
#78afbf rgb(120,175,191)
```
#bf8878
```
#bf8878 rgb(191,136,120)
```

Complementary Color

#78bfac
```
#78bfac rgb(120,191,172)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#788cbf
```
#788cbf rgb(120,140,191)
```

Analogous Color

#bfac78
```
#bfac78 rgb(191,172,120)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#bf788c
```
#bf788c rgb(191,120,140)
```

Split Complementary Color

#afbf78
```
#afbf78 rgb(175,191,120)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#bf78af
```
#bf78af rgb(191,120,175)
```

Triadic Color

#78bf88
```
#78bf88 rgb(120,191,136)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#bf78af
```
#bf78af rgb(191,120,175)
```
#bf8878
```
#bf8878 rgb(191,136,120)
```

Tetradic Color

#4b8c9f
```
#4b8c9f rgb(75,140,159)
```
#559aaf
```
#559aaf rgb(85,154,175)
```
#67a5b7
```
#67a5b7 rgb(103,165,183)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#89b9c7
```
#89b9c7 rgb(137,185,199)
```
#9bc4cf
```
#9bc4cf rgb(155,196,207)
```
#acced8
```
#acced8 rgb(172,206,216)
```

Monochromatic Color

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

#78bfbd
```
#78bfbd rgb(120,191,189)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#78b5bf
```
#78b5bf rgb(120,181,191)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#78a9bf
```
#78a9bf rgb(120,169,191)
```
#78a3bf
```
#78a3bf rgb(120,163,191)
```
#789dbf
```
#789dbf rgb(120,157,191)
```

Similar Colors

Text with hexadecimal color #78afbf

This text has a font color of #78afbf.

<span style="color:#78afbf;">Text here</span>

#78afbf background color

This paragraph has a background color of #78afbf.

<p style="background-color:#78afbf;">Content here</p>

#78afbf border color

This element has a border color of #78afbf.

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

CSS codes

.text {color:#78afbf;}

.background {background-color:#78afbf;}

.border {border:1px solid #78afbf;}

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, #050a0b is the darkest color, while #fdfefe is the lightest one.

#050a0b
```
#050a0b rgb(5,10,11)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#122126
```
#122126 rgb(18,33,38)
```
#182d33
```
#182d33 rgb(24,45,51)
```
#1f3941
```
#1f3941 rgb(31,57,65)
```
#25454e
```
#25454e rgb(37,69,78)
```
#2b505b
```
#2b505b rgb(43,80,91)
```
#325c69
```
#325c69 rgb(50,92,105)
```
#386876
```
#386876 rgb(56,104,118)
```
#3e7483
```
#3e7483 rgb(62,116,131)
```
#447f90
```
#447f90 rgb(68,127,144)
```
#4b8b9e
```
#4b8b9e rgb(75,139,158)
```
#5197ab
```
#5197ab rgb(81,151,171)
```

Shade Color Variation

#5d9fb2
```
#5d9fb2 rgb(93,159,178)
```
#6ba7b9
```
#6ba7b9 rgb(107,167,185)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#85b7c5
```
#85b7c5 rgb(133,183,197)
```
#93bfcc
```
#93bfcc rgb(147,191,204)
```
#a0c7d2
```
#a0c7d2 rgb(160,199,210)
```
#adcfd8
```
#adcfd8 rgb(173,207,216)
```
#bbd6df
```
#bbd6df rgb(187,214,223)
```
#c8dee5
```
#c8dee5 rgb(200,222,229)
```
#d5e6eb
```
#d5e6eb rgb(213,230,235)
```
#e2eef1
```
#e2eef1 rgb(226,238,241)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#979ea0
```
#979ea0 rgb(151,158,160)
```
#8fa2a8
```
#8fa2a8 rgb(143,162,168)
```
#87a7b0
```
#87a7b0 rgb(135,167,176)
```
#80abb7
```
#80abb7 rgb(128,171,183)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#70b3c7
```
#70b3c7 rgb(112,179,199)
```
#69b7ce
```
#69b7ce rgb(105,183,206)
```
#61bcd6
```
#61bcd6 rgb(97,188,214)
```
#59c0de
```
#59c0de rgb(89,192,222)
```
#52c4e5
```
#52c4e5 rgb(82,196,229)
```
#4ac8ed
```
#4ac8ed rgb(74,200,237)
```
#42ccf5
```
#42ccf5 rgb(66,204,245)
```
#3bd1fc
```
#3bd1fc rgb(59,209,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#98a3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8aabc Protanopia 1% of men
#ada7c6 Deuteranopia 1% of men
#7eb3c0 Tritanopia 0.001% of the population

Trichromacy

#96abbd Protanomaly 1% of men, 0.01% of women
#99aac3 Deuteranomaly 6% of men, 0.4% of women
#7cb1bf Tritanomaly 0.01% of the population

#78afbf hex color

#78afbf Color Information

#78afbf Color Conversion

Color Schemes with #78afbf

Alternatives to #78afbf

#78afbf Preview

Shades and Tints of #78afbf

Tones of #78afbf

Color Blindness Simulator