#60f6de hex color

In a RGB color space, hex #60f6de is composed of 37.6% red, 96.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 0% magenta, 9.8% yellow and 3.5% black. It has a hue angle of 170.4 degrees, a saturation of 89.3% and a lightness of 67.1%. #60f6de color hex could be obtained by blending #c0ffff with #00edbd. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 38
- G 96
- B 87
RGB color chart
- C 61
- M 0
- Y 10
- K 4
CMYK color chart

● #60f6de color description : Soft cyan.

The hexadecimal color #60f6de has RGB values of R:96, G:246, B:222 and CMYK values of C:0.61, M:0, Y:0.1, K:0.04. Its decimal value is 6354654.

Hex triplet	60f6de	`#60f6de`
RGB Decimal	96, 246, 222	`rgb(96,246,222)`
RGB Percent	37.6, 96.5, 87.1	`rgb(37.6%,96.5%,87.1%)`
CMYK	61, 0, 10, 4
HSL	170.4°, 89.3, 67.1	`hsl(170.4,89.3%,67.1%)`
HSV (or HSB)	170.4°, 61, 96.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.765, -45.38, -0.318
XYZ	50.96, 73.668, 80.637
xyY	0.248, 0.359, 73.668
CIE-LCH	88.765, 45.381, 180.402
CIE-LUV	88.765, -60.028, 6.875
Hunter-Lab	85.83, -44.221, 4.378
Binary	01100000, 11110110, 11011110

#60f6de
```
#60f6de rgb(96,246,222)
```
#f66078
```
#f66078 rgb(246,96,120)
```

Complementary Color

#60f693
```
#60f693 rgb(96,246,147)
```
#60f6de
```
#60f6de rgb(96,246,222)
```
#60c3f6
```
#60c3f6 rgb(96,195,246)
```

Analogous Color

#f69360
```
#f69360 rgb(246,147,96)
```
#60f6de
```
#60f6de rgb(96,246,222)
```
#f660c3
```
#f660c3 rgb(246,96,195)
```

Split Complementary Color

#f6de60
```
#f6de60 rgb(246,222,96)
```
#60f6de
```
#60f6de rgb(96,246,222)
```
#de60f6
```
#de60f6 rgb(222,96,246)
```

Triadic Color

#78f660
```
#78f660 rgb(120,246,96)
```
#60f6de
```
#60f6de rgb(96,246,222)
```
#de60f6
```
#de60f6 rgb(222,96,246)
```
#f66078
```
#f66078 rgb(246,96,120)
```

Tetradic Color

#18f2cf
```
#18f2cf rgb(24,242,207)
```
#30f3d4
```
#30f3d4 rgb(48,243,212)
```
#48f5d9
```
#48f5d9 rgb(72,245,217)
```
#60f6de
```
#60f6de rgb(96,246,222)
```
#78f7e3
```
#78f7e3 rgb(120,247,227)
```
#90f9e8
```
#90f9e8 rgb(144,249,232)
```
#a8faed
```
#a8faed rgb(168,250,237)
```

Monochromatic Color

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

#60f6b9
```
#60f6b9 rgb(96,246,185)
```
#60f6c5
```
#60f6c5 rgb(96,246,197)
```
#60f6d2
```
#60f6d2 rgb(96,246,210)
```
#60f6de
```
#60f6de rgb(96,246,222)
```
#60f6eb
```
#60f6eb rgb(96,246,235)
```
#60f5f6
```
#60f5f6 rgb(96,245,246)
```
#60e9f6
```
#60e9f6 rgb(96,233,246)
```

Similar Colors

Text with hexadecimal color #60f6de

This text has a font color of #60f6de.

<span style="color:#60f6de;">Text here</span>

#60f6de background color

This paragraph has a background color of #60f6de.

<p style="background-color:#60f6de;">Content here</p>

#60f6de border color

This element has a border color of #60f6de.

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

CSS codes

.text {color:#60f6de;}

.background {background-color:#60f6de;}

.border {border:1px solid #60f6de;}

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

#000807
```
#000807 rgb(0,8,7)
```
#021b17
```
#021b17 rgb(2,27,23)
```
#032d26
```
#032d26 rgb(3,45,38)
```
#044036
```
#044036 rgb(4,64,54)
```
#055246
```
#055246 rgb(5,82,70)
```
#066556
```
#066556 rgb(6,101,86)
```
#077765
```
#077765 rgb(7,119,101)
```
#088a75
```
#088a75 rgb(8,138,117)
```
#099d85
```
#099d85 rgb(9,157,133)
```
#0aaf95
```
#0aaf95 rgb(10,175,149)
```
#0bc2a4
```
#0bc2a4 rgb(11,194,164)
```
#0cd4b4
```
#0cd4b4 rgb(12,212,180)
```
#0de7c4
```
#0de7c4 rgb(13,231,196)
```

Shade Color Variation

#16f2cf
```
#16f2cf rgb(22,242,207)
```
#28f3d2
```
#28f3d2 rgb(40,243,210)
```
#3bf4d6
```
#3bf4d6 rgb(59,244,214)
```
#4df5da
```
#4df5da rgb(77,245,218)
```
#60f6de
```
#60f6de rgb(96,246,222)
```
#73f7e2
```
#73f7e2 rgb(115,247,226)
```
#85f8e6
```
#85f8e6 rgb(133,248,230)
```
#98f9ea
```
#98f9ea rgb(152,249,234)
```
#aafaed
```
#aafaed rgb(170,250,237)
```
#bdfbf1
```
#bdfbf1 rgb(189,251,241)
```
#cffcf5
```
#cffcf5 rgb(207,252,245)
```
#e2fdf9
```
#e2fdf9 rgb(226,253,249)
```
#f5fefd
```
#f5fefd rgb(245,254,253)
```

Tint Color Variation

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

#a7afae
```
#a7afae rgb(167,175,174)
```
#a1b5b2
```
#a1b5b2 rgb(161,181,178)
```
#9abcb6
```
#9abcb6 rgb(154,188,182)
```
#94c2bb
```
#94c2bb rgb(148,194,187)
```
#8dc9bf
```
#8dc9bf rgb(141,201,191)
```
#87cfc4
```
#87cfc4 rgb(135,207,196)
```
#80d6c8
```
#80d6c8 rgb(128,214,200)
```
#7adccc
```
#7adccc rgb(122,220,204)
```
#73e3d1
```
#73e3d1 rgb(115,227,209)
```
#6de9d5
```
#6de9d5 rgb(109,233,213)
```
#66f0da
```
#66f0da rgb(102,240,218)
```
#60f6de
```
#60f6de rgb(96,246,222)
```
#5afce2
```
#5afce2 rgb(90,252,226)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b2d0cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dfd3 Protanopia 1% of men
#f0dae9 Deuteranopia 1% of men
#8cefff Tritanopia 0.001% of the population

Trichromacy

#b6e7d7 Protanomaly 1% of men, 0.01% of women
#bce4e5 Deuteranomaly 6% of men, 0.4% of women
#7cf1f3 Tritanomaly 0.01% of the population

#60f6de hex color

#60f6de Color Information

#60f6de Color Conversion

Color Schemes with #60f6de

Alternatives to #60f6de

#60f6de Preview

Shades and Tints of #60f6de

Tones of #60f6de

Color Blindness Simulator