#60e4ff hex color

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

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

● #60e4ff color description : Light cyan.

The hexadecimal color #60e4ff has RGB values of R:96, G:228, B:255 and CMYK values of C:0.62, M:0.11, Y:0, K:0. Its decimal value is 6350079.

Hex triplet	60e4ff	`#60e4ff`
RGB Decimal	96, 228, 255	`rgb(96,228,255)`
RGB Percent	37.6, 89.4, 100	`rgb(37.6%,89.4%,100%)`
CMYK	62, 11, 0, 0
HSL	190.2°, 100, 68.8	`hsl(190.2,100%,68.8%)`
HSV (or HSB)	190.2°, 62.4, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.581, -28.272, -23.875
XYZ	50.612, 65.19, 104.518
xyY	0.23, 0.296, 65.19
CIE-LCH	84.581, 37.004, 220.18
CIE-LUV	84.581, -51.662, -34.253
Hunter-Lab	80.74, -29.401, -20.233
Binary	01100000, 11100100, 11111111

#60e4ff
```
#60e4ff rgb(96,228,255)
```
#ff7b60
```
#ff7b60 rgb(255,123,96)
```

Complementary Color

#60ffcb
```
#60ffcb rgb(96,255,203)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```
#6095ff
```
#6095ff rgb(96,149,255)
```

Analogous Color

#ffcb60
```
#ffcb60 rgb(255,203,96)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```
#ff6095
```
#ff6095 rgb(255,96,149)
```

Split Complementary Color

#e4ff60
```
#e4ff60 rgb(228,255,96)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```
#ff60e4
```
#ff60e4 rgb(255,96,228)
```

Triadic Color

#60ff7b
```
#60ff7b rgb(96,255,123)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```
#ff60e4
```
#ff60e4 rgb(255,96,228)
```
#ff7b60
```
#ff7b60 rgb(255,123,96)
```

Tetradic Color

#14d7ff
```
#14d7ff rgb(20,215,255)
```
#2ddbff
```
#2ddbff rgb(45,219,255)
```
#47e0ff
```
#47e0ff rgb(71,224,255)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```
#7ae8ff
```
#7ae8ff rgb(122,232,255)
```
#93edff
```
#93edff rgb(147,237,255)
```
#adf1ff
```
#adf1ff rgb(173,241,255)
```

Monochromatic Color

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

#60fff2
```
#60fff2 rgb(96,255,242)
```
#60ffff
```
#60ffff rgb(96,255,255)
```
#60f1ff
```
#60f1ff rgb(96,241,255)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```
#60d7ff
```
#60d7ff rgb(96,215,255)
```
#60caff
```
#60caff rgb(96,202,255)
```
#60bcff
```
#60bcff rgb(96,188,255)
```

Similar Colors

Text with hexadecimal color #60e4ff

This text has a font color of #60e4ff.

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

#60e4ff background color

This paragraph has a background color of #60e4ff.

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

#60e4ff border color

This element has a border color of #60e4ff.

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

CSS codes

.text {color:#60e4ff;}

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

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

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

#000f12
```
#000f12 rgb(0,15,18)
```
#001f25
```
#001f25 rgb(0,31,37)
```
#002f39
```
#002f39 rgb(0,47,57)
```
#003f4c
```
#003f4c rgb(0,63,76)
```
#005060
```
#005060 rgb(0,80,96)
```
#006074
```
#006074 rgb(0,96,116)
```
#007087
```
#007087 rgb(0,112,135)
```
#00819b
```
#00819b rgb(0,129,155)
```
#0091ae
```
#0091ae rgb(0,145,174)
```
#00a1c2
```
#00a1c2 rgb(0,161,194)
```
#00b1d6
```
#00b1d6 rgb(0,177,214)
```
#00c2e9
```
#00c2e9 rgb(0,194,233)
```
#00d2fd
```
#00d2fd rgb(0,210,253)
```

Shade Color Variation

#12d7ff
```
#12d7ff rgb(18,215,255)
```
#25daff
```
#25daff rgb(37,218,255)
```
#39ddff
```
#39ddff rgb(57,221,255)
```
#4ce1ff
```
#4ce1ff rgb(76,225,255)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```
#74e7ff
```
#74e7ff rgb(116,231,255)
```
#87ebff
```
#87ebff rgb(135,235,255)
```
#9beeff
```
#9beeff rgb(155,238,255)
```
#aef1ff
```
#aef1ff rgb(174,241,255)
```
#c2f5ff
```
#c2f5ff rgb(194,245,255)
```
#d6f8ff
```
#d6f8ff rgb(214,248,255)
```
#e9fbff
```
#e9fbff rgb(233,251,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#a9b4b6
```
#a9b4b6 rgb(169,180,182)
```
#a3b8bc
```
#a3b8bc rgb(163,184,188)
```
#9dbcc2
```
#9dbcc2 rgb(157,188,194)
```
#97c0c8
```
#97c0c8 rgb(151,192,200)
```
#91c4ce
```
#91c4ce rgb(145,196,206)
```
#8bc8d4
```
#8bc8d4 rgb(139,200,212)
```
#85ccda
```
#85ccda rgb(133,204,218)
```
#7fd0e0
```
#7fd0e0 rgb(127,208,224)
```
#78d4e7
```
#78d4e7 rgb(120,212,231)
```
#72d8ed
```
#72d8ed rgb(114,216,237)
```
#6cdcf3
```
#6cdcf3 rgb(108,220,243)
```
#66e0f9
```
#66e0f9 rgb(102,224,249)
```
#60e4ff
```
#60e4ff rgb(96,228,255)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#adc7cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3f4 Protanopia 1% of men
#cfd2ff Deuteranopia 1% of men
#63e6f7 Tritanopia 0.001% of the population

Trichromacy

#a6d9f8 Protanomaly 1% of men, 0.01% of women
#a6d8ff Deuteranomaly 6% of men, 0.4% of women
#62e5fa Tritanomaly 0.01% of the population

#60e4ff hex color

#60e4ff Color Information

#60e4ff Color Conversion

Color Schemes with #60e4ff

Alternatives to #60e4ff

#60e4ff Preview

Shades and Tints of #60e4ff

Tones of #60e4ff

Color Blindness Simulator