#60eaf2 hex color

In a RGB color space, hex #60eaf2 is composed of 37.6% red, 91.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 3.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 183.3 degrees, a saturation of 84.9% and a lightness of 66.3%. #60eaf2 color hex could be obtained by blending #c0ffff with #00d5e5. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 38
- G 92
- B 95
RGB color chart
- C 60
- M 3
- Y 0
- K 5
CMYK color chart

● #60eaf2 color description : Soft cyan.

The hexadecimal color #60eaf2 has RGB values of R:96, G:234, B:242 and CMYK values of C:0.6, M:0.03, Y:0, K:0.05. Its decimal value is 6351602.

Hex triplet	60eaf2	`#60eaf2`
RGB Decimal	96, 234, 242	`rgb(96,234,242)`
RGB Percent	37.6, 91.8, 94.9	`rgb(37.6%,91.8%,94.9%)`
CMYK	60, 3, 0, 5
HSL	183.3°, 84.9, 66.3	`hsl(183.3,84.9%,66.3%)`
HSV (or HSB)	183.3°, 60.3, 94.9
Web Safe	66ffff	`#66ffff`

CIE-LAB	85.876, -34.77, -15.076
XYZ	50.269, 67.739, 94.425
xyY	0.237, 0.319, 67.739
CIE-LCH	85.876, 37.898, 203.442
CIE-LUV	85.876, -54.54, -18.553
Hunter-Lab	82.304, -35.008, -10.409
Binary	01100000, 11101010, 11110010

#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#f26860
```
#f26860 rgb(242,104,96)
```

Complementary Color

#60f2b1
```
#60f2b1 rgb(96,242,177)
```
#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#60a1f2
```
#60a1f2 rgb(96,161,242)
```

Analogous Color

#f2b160
```
#f2b160 rgb(242,177,96)
```
#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#f260a1
```
#f260a1 rgb(242,96,161)
```

Split Complementary Color

#eaf260
```
#eaf260 rgb(234,242,96)
```
#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#f260ea
```
#f260ea rgb(242,96,234)
```

Triadic Color

#60f268
```
#60f268 rgb(96,242,104)
```
#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#f260ea
```
#f260ea rgb(242,96,234)
```
#f26860
```
#f26860 rgb(242,104,96)
```

Tetradic Color

#19e1ec
```
#19e1ec rgb(25,225,236)
```
#31e4ee
```
#31e4ee rgb(49,228,238)
```
#48e7f0
```
#48e7f0 rgb(72,231,240)
```
#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#78edf4
```
#78edf4 rgb(120,237,244)
```
#8ff0f6
```
#8ff0f6 rgb(143,240,246)
```
#a7f3f8
```
#a7f3f8 rgb(167,243,248)
```

Monochromatic Color

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

#60f2d6
```
#60f2d6 rgb(96,242,214)
```
#60f2e2
```
#60f2e2 rgb(96,242,226)
```
#60f2ee
```
#60f2ee rgb(96,242,238)
```
#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#60def2
```
#60def2 rgb(96,222,242)
```
#60d2f2
```
#60d2f2 rgb(96,210,242)
```
#60c6f2
```
#60c6f2 rgb(96,198,242)
```

Similar Colors

Text with hexadecimal color #60eaf2

This text has a font color of #60eaf2.

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

#60eaf2 background color

This paragraph has a background color of #60eaf2.

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

#60eaf2 border color

This element has a border color of #60eaf2.

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

CSS codes

.text {color:#60eaf2;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021516
```
#021516 rgb(2,21,22)
```
#032628
```
#032628 rgb(3,38,40)
```
#05383b
```
#05383b rgb(5,56,59)
```
#06494d
```
#06494d rgb(6,73,77)
```
#085a5f
```
#085a5f rgb(8,90,95)
```
#096b71
```
#096b71 rgb(9,107,113)
```
#0b7d83
```
#0b7d83 rgb(11,125,131)
```
#0c8e95
```
#0c8e95 rgb(12,142,149)
```
#0e9fa7
```
#0e9fa7 rgb(14,159,167)
```
#0fb0ba
```
#0fb0ba rgb(15,176,186)
```
#11c1cc
```
#11c1cc rgb(17,193,204)
```
#12d3de
```
#12d3de rgb(18,211,222)
```

Shade Color Variation

#17e0ec
```
#17e0ec rgb(23,224,236)
```
#2ae3ee
```
#2ae3ee rgb(42,227,238)
```
#3ce5ef
```
#3ce5ef rgb(60,229,239)
```
#4ee8f1
```
#4ee8f1 rgb(78,232,241)
```
#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#72ecf3
```
#72ecf3 rgb(114,236,243)
```
#84eff5
```
#84eff5 rgb(132,239,245)
```
#96f1f6
```
#96f1f6 rgb(150,241,246)
```
#a9f4f8
```
#a9f4f8 rgb(169,244,248)
```
#bbf6f9
```
#bbf6f9 rgb(187,246,249)
```
#cdf8fb
```
#cdf8fb rgb(205,248,251)
```
#dffbfc
```
#dffbfc rgb(223,251,252)
```
#f1fdfe
```
#f1fdfe rgb(241,253,254)
```

Tint Color Variation

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

#a9a9a9
```
#a9a9a9 rgb(169,169,169)
```
#a2afb0
```
#a2afb0 rgb(162,175,176)
```
#9cb5b6
```
#9cb5b6 rgb(156,181,182)
```
#95bbbd
```
#95bbbd rgb(149,187,189)
```
#8ec1c4
```
#8ec1c4 rgb(142,193,196)
```
#88c7ca
```
#88c7ca rgb(136,199,202)
```
#81cdd1
```
#81cdd1 rgb(129,205,209)
```
#7ad2d8
```
#7ad2d8 rgb(122,210,216)
```
#74d8de
```
#74d8de rgb(116,216,222)
```
#6ddee5
```
#6ddee5 rgb(109,222,229)
```
#67e4eb
```
#67e4eb rgb(103,228,235)
```
#60eaf2
```
#60eaf2 rgb(96,234,242)
```
#59f0f9
```
#59f0f9 rgb(89,240,249)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#aecacc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d7e7 Protanopia 1% of men
#dbd4fb Deuteranopia 1% of men
#6ce9fa Tritanopia 0.001% of the population

Trichromacy

#acdeeb Protanomaly 1% of men, 0.01% of women
#aedcf7 Deuteranomaly 6% of men, 0.4% of women
#68e9f7 Tritanomaly 0.01% of the population

#60eaf2 hex color

#60eaf2 Color Information

#60eaf2 Color Conversion

Color Schemes with #60eaf2

Alternatives to #60eaf2

#60eaf2 Preview

Shades and Tints of #60eaf2

Tones of #60eaf2

Color Blindness Simulator