#60daf8 hex color

In a RGB color space, hex #60daf8 is composed of 37.6% red, 85.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 12.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 191.8 degrees, a saturation of 91.6% and a lightness of 67.5%. #60daf8 color hex could be obtained by blending #c0ffff with #00b5f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 85
- B 97
RGB color chart
- C 61
- M 12
- Y 0
- K 3
CMYK color chart

● #60daf8 color description : Soft cyan.

The hexadecimal color #60daf8 has RGB values of R:96, G:218, B:248 and CMYK values of C:0.61, M:0.12, Y:0, K:0.03. Its decimal value is 6347512.

Hex triplet	60daf8	`#60daf8`
RGB Decimal	96, 218, 248	`rgb(96,218,248)`
RGB Percent	37.6, 85.5, 97.3	`rgb(37.6%,85.5%,97.3%)`
CMYK	61, 12, 0, 3
HSL	191.8°, 91.6, 67.5	`hsl(191.8,91.6%,67.5%)`
HSV (or HSB)	191.8°, 61.3, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.513, -25.392, -24.844
XYZ	46.834, 59.403, 97.8
xyY	0.23, 0.291, 59.403
CIE-LCH	81.513, 35.524, 224.375
CIE-LUV	81.513, -48.419, -36.167
Hunter-Lab	77.074, -26.413, -21.282
Binary	01100000, 11011010, 11111000

#60daf8
```
#60daf8 rgb(96,218,248)
```
#f87e60
```
#f87e60 rgb(248,126,96)
```

Complementary Color

#60f8ca
```
#60f8ca rgb(96,248,202)
```
#60daf8
```
#60daf8 rgb(96,218,248)
```
#608ef8
```
#608ef8 rgb(96,142,248)
```

Analogous Color

#f8ca60
```
#f8ca60 rgb(248,202,96)
```
#60daf8
```
#60daf8 rgb(96,218,248)
```
#f8608e
```
#f8608e rgb(248,96,142)
```

Split Complementary Color

#daf860
```
#daf860 rgb(218,248,96)
```
#60daf8
```
#60daf8 rgb(96,218,248)
```
#f860da
```
#f860da rgb(248,96,218)
```

Triadic Color

#60f87e
```
#60f87e rgb(96,248,126)
```
#60daf8
```
#60daf8 rgb(96,218,248)
```
#f860da
```
#f860da rgb(248,96,218)
```
#f87e60
```
#f87e60 rgb(248,126,96)
```

Tetradic Color

#17c9f5
```
#17c9f5 rgb(23,201,245)
```
#2fcff6
```
#2fcff6 rgb(47,207,246)
```
#48d4f7
```
#48d4f7 rgb(72,212,247)
```
#60daf8
```
#60daf8 rgb(96,218,248)
```
#78e0f9
```
#78e0f9 rgb(120,224,249)
```
#91e5fa
```
#91e5fa rgb(145,229,250)
```
#a9ebfb
```
#a9ebfb rgb(169,235,251)
```

Monochromatic Color

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

#60f8f0
```
#60f8f0 rgb(96,248,240)
```
#60f3f8
```
#60f3f8 rgb(96,243,248)
```
#60e7f8
```
#60e7f8 rgb(96,231,248)
```
#60daf8
```
#60daf8 rgb(96,218,248)
```
#60cdf8
```
#60cdf8 rgb(96,205,248)
```
#60c1f8
```
#60c1f8 rgb(96,193,248)
```
#60b4f8
```
#60b4f8 rgb(96,180,248)
```

Similar Colors

Text with hexadecimal color #60daf8

This text has a font color of #60daf8.

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

#60daf8 background color

This paragraph has a background color of #60daf8.

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

#60daf8 border color

This element has a border color of #60daf8.

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

CSS codes

.text {color:#60daf8;}

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

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

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, #00080a is the darkest color, while #f6fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#01171d
```
#01171d rgb(1,23,29)
```
#022730
```
#022730 rgb(2,39,48)
```
#033642
```
#033642 rgb(3,54,66)
```
#044555
```
#044555 rgb(4,69,85)
```
#055468
```
#055468 rgb(5,84,104)
```
#05647b
```
#05647b rgb(5,100,123)
```
#06738e
```
#06738e rgb(6,115,142)
```
#0782a0
```
#0782a0 rgb(7,130,160)
```
#0891b3
```
#0891b3 rgb(8,145,179)
```
#09a1c6
```
#09a1c6 rgb(9,161,198)
```
#0ab0d9
```
#0ab0d9 rgb(10,176,217)
```
#0abfec
```
#0abfec rgb(10,191,236)
```

Shade Color Variation

#15c9f5
```
#15c9f5 rgb(21,201,245)
```
#28cdf6
```
#28cdf6 rgb(40,205,246)
```
#3ad1f6
```
#3ad1f6 rgb(58,209,246)
```
#4dd6f7
```
#4dd6f7 rgb(77,214,247)
```
#60daf8
```
#60daf8 rgb(96,218,248)
```
#73def9
```
#73def9 rgb(115,222,249)
```
#86e3fa
```
#86e3fa rgb(134,227,250)
```
#98e7fa
```
#98e7fa rgb(152,231,250)
```
#abebfb
```
#abebfb rgb(171,235,251)
```
#bef0fc
```
#bef0fc rgb(190,240,252)
```
#d1f4fd
```
#d1f4fd rgb(209,244,253)
```
#e4f9fe
```
#e4f9fe rgb(228,249,254)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#a6afb2
```
#a6afb2 rgb(166,175,178)
```
#a0b3b8
```
#a0b3b8 rgb(160,179,184)
```
#99b7bf
```
#99b7bf rgb(153,183,191)
```
#93bbc5
```
#93bbc5 rgb(147,187,197)
```
#8dbfcb
```
#8dbfcb rgb(141,191,203)
```
#86c3d2
```
#86c3d2 rgb(134,195,210)
```
#80c7d8
```
#80c7d8 rgb(128,199,216)
```
#7acbde
```
#7acbde rgb(122,203,222)
```
#73cee5
```
#73cee5 rgb(115,206,229)
```
#6dd2eb
```
#6dd2eb rgb(109,210,235)
```
#66d6f2
```
#66d6f2 rgb(102,214,242)
```
#60daf8
```
#60daf8 rgb(96,218,248)
```
#5adefe
```
#5adefe rgb(90,222,254)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a7c0c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cbee Protanopia 1% of men
#c4c9ff Deuteranopia 1% of men
#62dded Tritanopia 0.001% of the population

Trichromacy

#a0d0f1 Protanomaly 1% of men, 0.01% of women
#a0cffc Deuteranomaly 6% of men, 0.4% of women
#61dcf1 Tritanomaly 0.01% of the population

#60daf8 hex color

#60daf8 Color Information

#60daf8 Color Conversion

Color Schemes with #60daf8

Alternatives to #60daf8

#60daf8 Preview

Shades and Tints of #60daf8

Tones of #60daf8

Color Blindness Simulator