#60f5f2 hex color

In a RGB color space, hex #60f5f2 is composed of 37.6% red, 96.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 0% magenta, 1.2% yellow and 3.9% black. It has a hue angle of 178.8 degrees, a saturation of 88.2% and a lightness of 66.9%. #60f5f2 color hex could be obtained by blending #c0ffff with #00ebe5. Closest websafe color is: #66ffff.

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

● #60f5f2 color description : Soft cyan.

The hexadecimal color #60f5f2 has RGB values of R:96, G:245, B:242 and CMYK values of C:0.61, M:0, Y:0.01, K:0.04. Its decimal value is 6354418.

Hex triplet	60f5f2	`#60f5f2`
RGB Decimal	96, 245, 242	`rgb(96,245,242)`
RGB Percent	37.6, 96.1, 94.9	`rgb(37.6%,96.1%,94.9%)`
CMYK	61, 0, 1, 4
HSL	178.8°, 88.2, 66.9	`hsl(178.8,88.2%,66.9%)`
HSV (or HSB)	178.8°, 60.8, 96.1
Web Safe	66ffff	`#66ffff`

CIE-LAB	89.016, -39.825, -10.384
XYZ	53.498, 74.198, 95.502
xyY	0.24, 0.332, 74.198
CIE-LCH	89.016, 41.157, 194.614
CIE-LUV	89.016, -58.508, -10.114
Hunter-Lab	86.138, -39.88, -5.438
Binary	01100000, 11110101, 11110010

#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#f56063
```
#f56063 rgb(245,96,99)
```

Complementary Color

#60f5a8
```
#60f5a8 rgb(96,245,168)
```
#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#60aef5
```
#60aef5 rgb(96,174,245)
```

Analogous Color

#f5a860
```
#f5a860 rgb(245,168,96)
```
#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#f560ae
```
#f560ae rgb(245,96,174)
```

Split Complementary Color

#f5f260
```
#f5f260 rgb(245,242,96)
```
#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#f260f5
```
#f260f5 rgb(242,96,245)
```

Triadic Color

#63f560
```
#63f560 rgb(99,245,96)
```
#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#f260f5
```
#f260f5 rgb(242,96,245)
```
#f56063
```
#f56063 rgb(245,96,99)
```

Tetradic Color

#18f0ec
```
#18f0ec rgb(24,240,236)
```
#30f2ee
```
#30f2ee rgb(48,242,238)
```
#48f3f0
```
#48f3f0 rgb(72,243,240)
```
#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#78f7f4
```
#78f7f4 rgb(120,247,244)
```
#90f8f6
```
#90f8f6 rgb(144,248,246)
```
#a8faf8
```
#a8faf8 rgb(168,250,248)
```

Monochromatic Color

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

#60f5cd
```
#60f5cd rgb(96,245,205)
```
#60f5d9
```
#60f5d9 rgb(96,245,217)
```
#60f5e6
```
#60f5e6 rgb(96,245,230)
```
#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#60ecf5
```
#60ecf5 rgb(96,236,245)
```
#60dff5
```
#60dff5 rgb(96,223,245)
```
#60d3f5
```
#60d3f5 rgb(96,211,245)
```

Similar Colors

Text with hexadecimal color #60f5f2

This text has a font color of #60f5f2.

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

#60f5f2 background color

This paragraph has a background color of #60f5f2.

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

#60f5f2 border color

This element has a border color of #60f5f2.

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

CSS codes

.text {color:#60f5f2;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#021a19
```
#021a19 rgb(2,26,25)
```
#032c2b
```
#032c2b rgb(3,44,43)
```
#043e3d
```
#043e3d rgb(4,62,61)
```
#05514f
```
#05514f rgb(5,81,79)
```
#066361
```
#066361 rgb(6,99,97)
```
#077674
```
#077674 rgb(7,118,116)
```
#098886
```
#098886 rgb(9,136,134)
```
#0a9b98
```
#0a9b98 rgb(10,155,152)
```
#0badaa
```
#0badaa rgb(11,173,170)
```
#0cc0bc
```
#0cc0bc rgb(12,192,188)
```
#0dd2ce
```
#0dd2ce rgb(13,210,206)
```
#0ee5e0
```
#0ee5e0 rgb(14,229,224)
```

Shade Color Variation

#16f0ec
```
#16f0ec rgb(22,240,236)
```
#29f2ed
```
#29f2ed rgb(41,242,237)
```
#3bf3ef
```
#3bf3ef rgb(59,243,239)
```
#4ef4f0
```
#4ef4f0 rgb(78,244,240)
```
#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#72f6f4
```
#72f6f4 rgb(114,246,244)
```
#85f7f5
```
#85f7f5 rgb(133,247,245)
```
#97f8f7
```
#97f8f7 rgb(151,248,247)
```
#aafaf8
```
#aafaf8 rgb(170,250,248)
```
#bcfbfa
```
#bcfbfa rgb(188,251,250)
```
#cffcfb
```
#cffcfb rgb(207,252,251)
```
#e1fdfd
```
#e1fdfd rgb(225,253,253)
```
#f4fefe
```
#f4fefe rgb(244,254,254)
```

Tint Color Variation

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

#a8aead
```
#a8aead rgb(168,174,173)
```
#a1b4b4
```
#a1b4b4 rgb(161,180,180)
```
#9bbbba
```
#9bbbba rgb(155,187,186)
```
#94c1c0
```
#94c1c0 rgb(148,193,192)
```
#8ec8c6
```
#8ec8c6 rgb(142,200,198)
```
#87cecd
```
#87cecd rgb(135,206,205)
```
#81d5d3
```
#81d5d3 rgb(129,213,211)
```
#7adbd9
```
#7adbd9 rgb(122,219,217)
```
#74e2df
```
#74e2df rgb(116,226,223)
```
#6de8e6
```
#6de8e6 rgb(109,232,230)
```
#67efec
```
#67efec rgb(103,239,236)
```
#60f5f2
```
#60f5f2 rgb(96,245,242)
```
#5afcf8
```
#5afcf8 rgb(90,252,248)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#b3d1d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3e0e6 Protanopia 1% of men
#e8dbfc Deuteranopia 1% of men
#8eefff Tritanopia 0.001% of the population

Trichromacy

#b3e7ea Protanomaly 1% of men, 0.01% of women
#b7e4f8 Deuteranomaly 6% of men, 0.4% of women
#7df1fa Tritanomaly 0.01% of the population

#60f5f2 hex color

#60f5f2 Color Information

#60f5f2 Color Conversion

Color Schemes with #60f5f2

Alternatives to #60f5f2

#60f5f2 Preview

Shades and Tints of #60f5f2

Tones of #60f5f2

Color Blindness Simulator