#60d7fd hex color

In a RGB color space, hex #60d7fd is composed of 37.6% red, 84.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 15% magenta, 0% yellow and 0.8% black. It has a hue angle of 194.5 degrees, a saturation of 97.5% and a lightness of 68.4%. #60d7fd color hex could be obtained by blending #c0ffff with #00affb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 84
- B 99
RGB color chart
- C 62
- M 15
- Y 0
- K 1
CMYK color chart

● #60d7fd color description : Soft cyan.

The hexadecimal color #60d7fd has RGB values of R:96, G:215, B:253 and CMYK values of C:0.62, M:0.15, Y:0, K:0.01. Its decimal value is 6346749.

Hex triplet	60d7fd	`#60d7fd`
RGB Decimal	96, 215, 253	`rgb(96,215,253)`
RGB Percent	37.6, 84.3, 99.2	`rgb(37.6%,84.3%,99.2%)`
CMYK	62, 15, 0, 1
HSL	194.5°, 97.5, 68.4	`hsl(194.5,97.5%,68.4%)`
HSV (or HSB)	194.5°, 62.1, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.836, -22.434, -28.531
XYZ	46.849, 58.176, 101.683
xyY	0.227, 0.281, 58.176
CIE-LCH	80.836, 36.295, 231.822
CIE-LUV	80.836, -47.084, -42.834
Hunter-Lab	76.273, -23.838, -25.651
Binary	01100000, 11010111, 11111101

#60d7fd
```
#60d7fd rgb(96,215,253)
```
#fd8660
```
#fd8660 rgb(253,134,96)
```

Complementary Color

#60fdd5
```
#60fdd5 rgb(96,253,213)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```
#6089fd
```
#6089fd rgb(96,137,253)
```

Analogous Color

#fdd560
```
#fdd560 rgb(253,213,96)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```
#fd6089
```
#fd6089 rgb(253,96,137)
```

Split Complementary Color

#d7fd60
```
#d7fd60 rgb(215,253,96)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```
#fd60d7
```
#fd60d7 rgb(253,96,215)
```

Triadic Color

#60fd86
```
#60fd86 rgb(96,253,134)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```
#fd60d7
```
#fd60d7 rgb(253,96,215)
```
#fd8660
```
#fd8660 rgb(253,134,96)
```

Tetradic Color

#14c4fc
```
#14c4fc rgb(20,196,252)
```
#2ecafc
```
#2ecafc rgb(46,202,252)
```
#47d1fd
```
#47d1fd rgb(71,209,253)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```
#79ddfd
```
#79ddfd rgb(121,221,253)
```
#92e4fe
```
#92e4fe rgb(146,228,254)
```
#aceafe
```
#aceafe rgb(172,234,254)
```

Monochromatic Color

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

#60fdfc
```
#60fdfc rgb(96,253,252)
```
#60f1fd
```
#60f1fd rgb(96,241,253)
```
#60e4fd
```
#60e4fd rgb(96,228,253)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```
#60cafd
```
#60cafd rgb(96,202,253)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```
#60b0fd
```
#60b0fd rgb(96,176,253)
```

Similar Colors

Text with hexadecimal color #60d7fd

This text has a font color of #60d7fd.

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

#60d7fd background color

This paragraph has a background color of #60d7fd.

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

#60d7fd border color

This element has a border color of #60d7fd.

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

CSS codes

.text {color:#60d7fd;}

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

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

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, #000c0f is the darkest color, while #fbfeff is the lightest one.

#000c0f
```
#000c0f rgb(0,12,15)
```
#001a23
```
#001a23 rgb(0,26,35)
```
#012936
```
#012936 rgb(1,41,54)
```
#013849
```
#013849 rgb(1,56,73)
```
#01475d
```
#01475d rgb(1,71,93)
```
#015570
```
#015570 rgb(1,85,112)
```
#026484
```
#026484 rgb(2,100,132)
```
#027397
```
#027397 rgb(2,115,151)
```
#0282aa
```
#0282aa rgb(2,130,170)
```
#0290be
```
#0290be rgb(2,144,190)
```
#039fd1
```
#039fd1 rgb(3,159,209)
```
#03aee4
```
#03aee4 rgb(3,174,228)
```
#03bdf8
```
#03bdf8 rgb(3,189,248)
```

Shade Color Variation

#13c4fc
```
#13c4fc rgb(19,196,252)
```
#26c8fc
```
#26c8fc rgb(38,200,252)
```
#39cdfd
```
#39cdfd rgb(57,205,253)
```
#4dd2fd
```
#4dd2fd rgb(77,210,253)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```
#73dcfd
```
#73dcfd rgb(115,220,253)
```
#87e1fd
```
#87e1fd rgb(135,225,253)
```
#9ae6fe
```
#9ae6fe rgb(154,230,254)
```
#adeafe
```
#adeafe rgb(173,234,254)
```
#c1effe
```
#c1effe rgb(193,239,254)
```
#d4f4fe
```
#d4f4fe rgb(212,244,254)
```
#e8f9ff
```
#e8f9ff rgb(232,249,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#aab1b3
```
#aab1b3 rgb(170,177,179)
```
#a4b4b9
```
#a4b4b9 rgb(164,180,185)
```
#9eb7bf
```
#9eb7bf rgb(158,183,191)
```
#98bac5
```
#98bac5 rgb(152,186,197)
```
#92bdcb
```
#92bdcb rgb(146,189,203)
```
#8bc1d2
```
#8bc1d2 rgb(139,193,210)
```
#85c4d8
```
#85c4d8 rgb(133,196,216)
```
#7fc7de
```
#7fc7de rgb(127,199,222)
```
#79cae4
```
#79cae4 rgb(121,202,228)
```
#73cdea
```
#73cdea rgb(115,205,234)
```
#6cd1f1
```
#6cd1f1 rgb(108,209,241)
```
#66d4f7
```
#66d4f7 rgb(102,212,247)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a6bec6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f3 Protanopia 1% of men
#bfc8ff Deuteranopia 1% of men
#5ddcec Tritanopia 0.001% of the population

Trichromacy

#9ecef6 Protanomaly 1% of men, 0.01% of women
#9ccdfe Deuteranomaly 6% of men, 0.4% of women
#5edaf2 Tritanomaly 0.01% of the population

#60d7fd hex color

#60d7fd Color Information

#60d7fd Color Conversion

Color Schemes with #60d7fd

Alternatives to #60d7fd

#60d7fd Preview

Shades and Tints of #60d7fd

Tones of #60d7fd

Color Blindness Simulator