#60d0f2 hex color

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

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

● #60d0f2 color description : Soft cyan.

The hexadecimal color #60d0f2 has RGB values of R:96, G:208, B:242 and CMYK values of C:0.6, M:0.14, Y:0, K:0.05. Its decimal value is 6344946.

Hex triplet	60d0f2	`#60d0f2`
RGB Decimal	96, 208, 242	`rgb(96,208,242)`
RGB Percent	37.6, 81.6, 94.9	`rgb(37.6%,81.6%,94.9%)`
CMYK	60, 14, 0, 5
HSL	194°, 84.9, 66.3	`hsl(194,84.9%,66.3%)`
HSV (or HSB)	194°, 60.3, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.465, -22.147, -26.299
XYZ	43.403, 54.006, 92.136
xyY	0.229, 0.285, 54.006
CIE-LCH	78.465, 34.383, 229.899
CIE-LUV	78.465, -45.075, -38.928
Hunter-Lab	73.489, -23.183, -22.893
Binary	01100000, 11010000, 11110010

#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#f28260
```
#f28260 rgb(242,130,96)
```

Complementary Color

#60f2cb
```
#60f2cb rgb(96,242,203)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#6087f2
```
#6087f2 rgb(96,135,242)
```

Analogous Color

#f2cb60
```
#f2cb60 rgb(242,203,96)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#f26087
```
#f26087 rgb(242,96,135)
```

Split Complementary Color

#d0f260
```
#d0f260 rgb(208,242,96)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#f260d0
```
#f260d0 rgb(242,96,208)
```

Triadic Color

#60f282
```
#60f282 rgb(96,242,130)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#f260d0
```
#f260d0 rgb(242,96,208)
```
#f28260
```
#f28260 rgb(242,130,96)
```

Tetradic Color

#19bbec
```
#19bbec rgb(25,187,236)
```
#31c2ee
```
#31c2ee rgb(49,194,238)
```
#48c9f0
```
#48c9f0 rgb(72,201,240)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#78d7f4
```
#78d7f4 rgb(120,215,244)
```
#8fdef6
```
#8fdef6 rgb(143,222,246)
```
#a7e5f8
```
#a7e5f8 rgb(167,229,248)
```

Monochromatic Color

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

#60f2f0
```
#60f2f0 rgb(96,242,240)
```
#60e8f2
```
#60e8f2 rgb(96,232,242)
```
#60dcf2
```
#60dcf2 rgb(96,220,242)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#60c4f2
```
#60c4f2 rgb(96,196,242)
```
#60b8f2
```
#60b8f2 rgb(96,184,242)
```
#60acf2
```
#60acf2 rgb(96,172,242)
```

Similar Colors

Text with hexadecimal color #60d0f2

This text has a font color of #60d0f2.

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

#60d0f2 background color

This paragraph has a background color of #60d0f2.

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

#60d0f2 border color

This element has a border color of #60d0f2.

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

CSS codes

.text {color:#60d0f2;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021216
```
#021216 rgb(2,18,22)
```
#032028
```
#032028 rgb(3,32,40)
```
#052e3b
```
#052e3b rgb(5,46,59)
```
#063c4d
```
#063c4d rgb(6,60,77)
```
#084b5f
```
#084b5f rgb(8,75,95)
```
#095971
```
#095971 rgb(9,89,113)
```
#0b6783
```
#0b6783 rgb(11,103,131)
```
#0c7595
```
#0c7595 rgb(12,117,149)
```
#0e84a7
```
#0e84a7 rgb(14,132,167)
```
#0f92ba
```
#0f92ba rgb(15,146,186)
```
#11a0cc
```
#11a0cc rgb(17,160,204)
```
#12aede
```
#12aede rgb(18,174,222)
```

Shade Color Variation

#17bbec
```
#17bbec rgb(23,187,236)
```
#2ac0ee
```
#2ac0ee rgb(42,192,238)
```
#3cc5ef
```
#3cc5ef rgb(60,197,239)
```
#4ecbf1
```
#4ecbf1 rgb(78,203,241)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#72d5f3
```
#72d5f3 rgb(114,213,243)
```
#84dbf5
```
#84dbf5 rgb(132,219,245)
```
#96e0f6
```
#96e0f6 rgb(150,224,246)
```
#a9e5f8
```
#a9e5f8 rgb(169,229,248)
```
#bbebf9
```
#bbebf9 rgb(187,235,249)
```
#cdf0fb
```
#cdf0fb rgb(205,240,251)
```
#dff6fc
```
#dff6fc rgb(223,246,252)
```
#f1fbfe
```
#f1fbfe rgb(241,251,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 #59d4f9 is the most saturated one.

#a9a9a9
```
#a9a9a9 rgb(169,169,169)
```
#a2adb0
```
#a2adb0 rgb(162,173,176)
```
#9cb0b6
```
#9cb0b6 rgb(156,176,182)
```
#95b4bd
```
#95b4bd rgb(149,180,189)
```
#8eb7c4
```
#8eb7c4 rgb(142,183,196)
```
#88bbca
```
#88bbca rgb(136,187,202)
```
#81bed1
```
#81bed1 rgb(129,190,209)
```
#7ac2d8
```
#7ac2d8 rgb(122,194,216)
```
#74c5de
```
#74c5de rgb(116,197,222)
```
#6dc9e5
```
#6dc9e5 rgb(109,201,229)
```
#67cceb
```
#67cceb rgb(103,204,235)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#59d4f9
```
#59d4f9 rgb(89,212,249)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a2b8bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc3e9 Protanopia 1% of men
#bac2f8 Deuteranopia 1% of men
#60d4e4 Tritanopia 0.001% of the population

Trichromacy

#9ac8ec Protanomaly 1% of men, 0.01% of women
#99c7f6 Deuteranomaly 6% of men, 0.4% of women
#60d3e9 Tritanomaly 0.01% of the population

#60d0f2 hex color

#60d0f2 Color Information

#60d0f2 Color Conversion

Color Schemes with #60d0f2

Alternatives to #60d0f2

#60d0f2 Preview

Shades and Tints of #60d0f2

Tones of #60d0f2

Color Blindness Simulator