#60cfff hex color

In a RGB color space, hex #60cfff is composed of 37.6% red, 81.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 18.8% magenta, 0% yellow and 0% black. It has a hue angle of 198.1 degrees, a saturation of 100% and a lightness of 68.8%. #60cfff color hex could be obtained by blending #c0ffff with #009fff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 81
- B 100
RGB color chart
- C 62
- M 19
- Y 0
- K 0
CMYK color chart

● #60cfff color description : Light blue.

The hexadecimal color #60cfff has RGB values of R:96, G:207, B:255 and CMYK values of C:0.62, M:0.19, Y:0, K:0. Its decimal value is 6344703.

Hex triplet	60cfff	`#60cfff`
RGB Decimal	96, 207, 255	`rgb(96,207,255)`
RGB Percent	37.6, 81.2, 100	`rgb(37.6%,81.2%,100%)`
CMYK	62, 19, 0, 0
HSL	198.1°, 100, 68.8	`hsl(198.1,100%,68.8%)`
HSV (or HSB)	198.1°, 62.4, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.653, -17.765, -32.95
XYZ	45.182, 54.329, 102.708
xyY	0.223, 0.269, 54.329
CIE-LCH	78.653, 37.434, 241.668
CIE-LUV	78.653, -44.109, -50.911
Hunter-Lab	73.708, -19.572, -31.021
Binary	01100000, 11001111, 11111111

#60cfff
```
#60cfff rgb(96,207,255)
```
#ff9060
```
#ff9060 rgb(255,144,96)
```

Complementary Color

#60ffe0
```
#60ffe0 rgb(96,255,224)
```
#60cfff
```
#60cfff rgb(96,207,255)
```
#6080ff
```
#6080ff rgb(96,128,255)
```

Analogous Color

#ffe060
```
#ffe060 rgb(255,224,96)
```
#60cfff
```
#60cfff rgb(96,207,255)
```
#ff6080
```
#ff6080 rgb(255,96,128)
```

Split Complementary Color

#cfff60
```
#cfff60 rgb(207,255,96)
```
#60cfff
```
#60cfff rgb(96,207,255)
```
#ff60cf
```
#ff60cf rgb(255,96,207)
```

Triadic Color

#60ff90
```
#60ff90 rgb(96,255,144)
```
#60cfff
```
#60cfff rgb(96,207,255)
```
#ff60cf
```
#ff60cf rgb(255,96,207)
```
#ff9060
```
#ff9060 rgb(255,144,96)
```

Tetradic Color

#14b8ff
```
#14b8ff rgb(20,184,255)
```
#2dc0ff
```
#2dc0ff rgb(45,192,255)
```
#47c7ff
```
#47c7ff rgb(71,199,255)
```
#60cfff
```
#60cfff rgb(96,207,255)
```
#7ad7ff
```
#7ad7ff rgb(122,215,255)
```
#93deff
```
#93deff rgb(147,222,255)
```
#ade6ff
```
#ade6ff rgb(173,230,255)
```

Monochromatic Color

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

#60f7ff
```
#60f7ff rgb(96,247,255)
```
#60eaff
```
#60eaff rgb(96,234,255)
```
#60dcff
```
#60dcff rgb(96,220,255)
```
#60cfff
```
#60cfff rgb(96,207,255)
```
#60c2ff
```
#60c2ff rgb(96,194,255)
```
#60b5ff
```
#60b5ff rgb(96,181,255)
```
#60a7ff
```
#60a7ff rgb(96,167,255)
```

Similar Colors

Text with hexadecimal color #60cfff

This text has a font color of #60cfff.

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

#60cfff background color

This paragraph has a background color of #60cfff.

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

#60cfff border color

This element has a border color of #60cfff.

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

CSS codes

.text {color:#60cfff;}

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

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

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

#000c12
```
#000c12 rgb(0,12,18)
```
#001a25
```
#001a25 rgb(0,26,37)
```
#002839
```
#002839 rgb(0,40,57)
```
#00354c
```
#00354c rgb(0,53,76)
```
#004360
```
#004360 rgb(0,67,96)
```
#005174
```
#005174 rgb(0,81,116)
```
#005e87
```
#005e87 rgb(0,94,135)
```
#006c9b
```
#006c9b rgb(0,108,155)
```
#007aae
```
#007aae rgb(0,122,174)
```
#0087c2
```
#0087c2 rgb(0,135,194)
```
#0095d6
```
#0095d6 rgb(0,149,214)
```
#00a3e9
```
#00a3e9 rgb(0,163,233)
```
#00b1fd
```
#00b1fd rgb(0,177,253)
```

Shade Color Variation

#12b7ff
```
#12b7ff rgb(18,183,255)
```
#25bdff
```
#25bdff rgb(37,189,255)
```
#39c3ff
```
#39c3ff rgb(57,195,255)
```
#4cc9ff
```
#4cc9ff rgb(76,201,255)
```
#60cfff
```
#60cfff rgb(96,207,255)
```
#74d5ff
```
#74d5ff rgb(116,213,255)
```
#87dbff
```
#87dbff rgb(135,219,255)
```
#9be1ff
```
#9be1ff rgb(155,225,255)
```
#aee7ff
```
#aee7ff rgb(174,231,255)
```
#c2edff
```
#c2edff rgb(194,237,255)
```
#d6f3ff
```
#d6f3ff rgb(214,243,255)
```
#e9f8ff
```
#e9f8ff rgb(233,248,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a9b2b6
```
#a9b2b6 rgb(169,178,182)
```
#a3b4bc
```
#a3b4bc rgb(163,180,188)
```
#9db7c2
```
#9db7c2 rgb(157,183,194)
```
#97b9c8
```
#97b9c8 rgb(151,185,200)
```
#91bcce
```
#91bcce rgb(145,188,206)
```
#8bbed4
```
#8bbed4 rgb(139,190,212)
```
#85c0da
```
#85c0da rgb(133,192,218)
```
#7fc3e0
```
#7fc3e0 rgb(127,195,224)
```
#78c5e7
```
#78c5e7 rgb(120,197,231)
```
#72c8ed
```
#72c8ed rgb(114,200,237)
```
#6ccaf3
```
#6ccaf3 rgb(108,202,243)
```
#66cdf9
```
#66cdf9 rgb(102,205,249)
```
#60cfff
```
#60cfff rgb(96,207,255)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a2b9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c3f6 Protanopia 1% of men
#b4c3ff Deuteranopia 1% of men
#58d6e5 Tritanopia 0.001% of the population

Trichromacy

#98c7f9 Protanomaly 1% of men, 0.01% of women
#95c7ff Deuteranomaly 6% of men, 0.4% of women
#5bd3ee Tritanomaly 0.01% of the population

#60cfff hex color

#60cfff Color Information

#60cfff Color Conversion

Color Schemes with #60cfff

Alternatives to #60cfff

#60cfff Preview

Shades and Tints of #60cfff

Tones of #60cfff

Color Blindness Simulator