#60cef4 hex color

In a RGB color space, hex #60cef4 is composed of 37.6% red, 80.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 15.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 195.4 degrees, a saturation of 87.1% and a lightness of 66.7%. #60cef4 color hex could be obtained by blending #c0ffff with #009de9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 81
- B 96
RGB color chart
- C 61
- M 16
- Y 0
- K 4
CMYK color chart

● #60cef4 color description : Soft blue.

The hexadecimal color #60cef4 has RGB values of R:96, G:206, B:244 and CMYK values of C:0.61, M:0.16, Y:0, K:0.04. Its decimal value is 6344436.

Hex triplet	60cef4	`#60cef4`
RGB Decimal	96, 206, 244	`rgb(96,206,244)`
RGB Percent	37.6, 80.8, 95.7	`rgb(37.6%,80.8%,95.7%)`
CMYK	61, 16, 0, 4
HSL	195.4°, 87.1, 66.7	`hsl(195.4,87.1%,66.7%)`
HSV (or HSB)	195.4°, 60.7, 95.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.968, -20.544, -28.13
XYZ	43.22, 53.158, 93.566
xyY	0.228, 0.28, 53.158
CIE-LCH	77.968, 34.833, 233.858
CIE-LUV	77.968, -44.253, -42.231
Hunter-Lab	72.909, -21.778, -25.051
Binary	01100000, 11001110, 11110100

#60cef4
```
#60cef4 rgb(96,206,244)
```
#f48660
```
#f48660 rgb(244,134,96)
```

Complementary Color

#60f4d0
```
#60f4d0 rgb(96,244,208)
```
#60cef4
```
#60cef4 rgb(96,206,244)
```
#6084f4
```
#6084f4 rgb(96,132,244)
```

Analogous Color

#f4d060
```
#f4d060 rgb(244,208,96)
```
#60cef4
```
#60cef4 rgb(96,206,244)
```
#f46084
```
#f46084 rgb(244,96,132)
```

Split Complementary Color

#cef460
```
#cef460 rgb(206,244,96)
```
#60cef4
```
#60cef4 rgb(96,206,244)
```
#f460ce
```
#f460ce rgb(244,96,206)
```

Triadic Color

#60f486
```
#60f486 rgb(96,244,134)
```
#60cef4
```
#60cef4 rgb(96,206,244)
```
#f460ce
```
#f460ce rgb(244,96,206)
```
#f48660
```
#f48660 rgb(244,134,96)
```

Tetradic Color

#18b8ef
```
#18b8ef rgb(24,184,239)
```
#30bff1
```
#30bff1 rgb(48,191,241)
```
#48c7f2
```
#48c7f2 rgb(72,199,242)
```
#60cef4
```
#60cef4 rgb(96,206,244)
```
#78d5f6
```
#78d5f6 rgb(120,213,246)
```
#90ddf7
```
#90ddf7 rgb(144,221,247)
```
#a8e4f9
```
#a8e4f9 rgb(168,228,249)
```

Monochromatic Color

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

#60f3f4
```
#60f3f4 rgb(96,243,244)
```
#60e7f4
```
#60e7f4 rgb(96,231,244)
```
#60daf4
```
#60daf4 rgb(96,218,244)
```
#60cef4
```
#60cef4 rgb(96,206,244)
```
#60c2f4
```
#60c2f4 rgb(96,194,244)
```
#60b5f4
```
#60b5f4 rgb(96,181,244)
```
#60a9f4
```
#60a9f4 rgb(96,169,244)
```

Similar Colors

Text with hexadecimal color #60cef4

This text has a font color of #60cef4.

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

#60cef4 background color

This paragraph has a background color of #60cef4.

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

#60cef4 border color

This element has a border color of #60cef4.

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

CSS codes

.text {color:#60cef4;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#021318
```
#021318 rgb(2,19,24)
```
#03212b
```
#03212b rgb(3,33,43)
```
#042f3d
```
#042f3d rgb(4,47,61)
```
#053d50
```
#053d50 rgb(5,61,80)
```
#074a62
```
#074a62 rgb(7,74,98)
```
#085874
```
#085874 rgb(8,88,116)
```
#096687
```
#096687 rgb(9,102,135)
```
#0b7499
```
#0b7499 rgb(11,116,153)
```
#0c82ab
```
#0c82ab rgb(12,130,171)
```
#0d90be
```
#0d90be rgb(13,144,190)
```
#0e9ed0
```
#0e9ed0 rgb(14,158,208)
```
#10ace2
```
#10ace2 rgb(16,172,226)
```

Shade Color Variation

#17b7ef
```
#17b7ef rgb(23,183,239)
```
#29bdf0
```
#29bdf0 rgb(41,189,240)
```
#3bc3f1
```
#3bc3f1 rgb(59,195,241)
```
#4ec8f3
```
#4ec8f3 rgb(78,200,243)
```
#60cef4
```
#60cef4 rgb(96,206,244)
```
#72d4f5
```
#72d4f5 rgb(114,212,245)
```
#85d9f7
```
#85d9f7 rgb(133,217,247)
```
#97dff8
```
#97dff8 rgb(151,223,248)
```
#a9e5f9
```
#a9e5f9 rgb(169,229,249)
```
#bceafa
```
#bceafa rgb(188,234,250)
```
#cef0fc
```
#cef0fc rgb(206,240,252)
```
#e0f6fd
```
#e0f6fd rgb(224,246,253)
```
#f3fbfe
```
#f3fbfe rgb(243,251,254)
```

Tint Color Variation

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

#a8abac
```
#a8abac rgb(168,171,172)
```
#a1aeb3
```
#a1aeb3 rgb(161,174,179)
```
#9bb1b9
```
#9bb1b9 rgb(155,177,185)
```
#94b5c0
```
#94b5c0 rgb(148,181,192)
```
#8eb8c6
```
#8eb8c6 rgb(142,184,198)
```
#87bbcd
```
#87bbcd rgb(135,187,205)
```
#81bed3
```
#81bed3 rgb(129,190,211)
```
#7ac1da
```
#7ac1da rgb(122,193,218)
```
#74c4e0
```
#74c4e0 rgb(116,196,224)
```
#6dc8e7
```
#6dc8e7 rgb(109,200,231)
```
#67cbed
```
#67cbed rgb(103,203,237)
```
#60cef4
```
#60cef4 rgb(96,206,244)
```
#59d1fb
```
#59d1fb rgb(89,209,251)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a1b7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac2eb Protanopia 1% of men
#b6c1fa Deuteranopia 1% of men
#5dd3e3 Tritanopia 0.001% of the population

Trichromacy

#99c6ee Protanomaly 1% of men, 0.01% of women
#97c5f8 Deuteranomaly 6% of men, 0.4% of women
#5ed1e9 Tritanomaly 0.01% of the population

#60cef4 hex color

#60cef4 Color Information

#60cef4 Color Conversion

Color Schemes with #60cef4

Alternatives to #60cef4

#60cef4 Preview

Shades and Tints of #60cef4

Tones of #60cef4

Color Blindness Simulator