colorhexa.com

#60caf2 hex color

In a RGB color space, hex #60caf2 is composed of 37.6% red, 79.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 16.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 196.4 degrees, a saturation of 84.9% and a lightness of 66.3%. #60caf2 color hex could be obtained by blending #c0ffff with #0095e5. Closest websafe color is: #66ccff.

- R 38
- G 79
- B 95
RGB color chart
- C 60
- M 17
- Y 0
- K 5
CMYK color chart

● #60caf2 color description : Soft blue.

The hexadecimal color #60caf2 has RGB values of R:96, G:202, B:242 and CMYK values of C:0.6, M:0.17, Y:0, K:0.05. Its decimal value is 6343410.

Hex triplet	60caf2	`#60caf2`
RGB Decimal	96, 202, 242	`rgb(96,202,242)`
RGB Percent	37.6, 79.2, 94.9	`rgb(37.6%,79.2%,94.9%)`
CMYK	60, 17, 0, 5
HSL	196.4°, 84.9, 66.3	`hsl(196.4,84.9%,66.3%)`
HSV (or HSB)	196.4°, 60.3, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.761, -19.093, -28.91
XYZ	41.967, 51.136, 91.658
xyY	0.227, 0.277, 51.136
CIE-LCH	76.761, 34.646, 236.558
CIE-LUV	76.761, -42.885, -43.677
Hunter-Lab	71.509, -20.383, -25.94
Binary	01100000, 11001010, 11110010

#60caf2
```
#60caf2 rgb(96,202,242)
```
#f28860
```
#f28860 rgb(242,136,96)
```

Complementary Color

#60f2d1
```
#60f2d1 rgb(96,242,209)
```
#60caf2
```
#60caf2 rgb(96,202,242)
```
#6081f2
```
#6081f2 rgb(96,129,242)
```

Analogous Color

#f2d160
```
#f2d160 rgb(242,209,96)
```
#60caf2
```
#60caf2 rgb(96,202,242)
```
#f26081
```
#f26081 rgb(242,96,129)
```

Split Complementary Color

#caf260
```
#caf260 rgb(202,242,96)
```
#60caf2
```
#60caf2 rgb(96,202,242)
```
#f260ca
```
#f260ca rgb(242,96,202)
```

Triadic Color

#60f288
```
#60f288 rgb(96,242,136)
```
#60caf2
```
#60caf2 rgb(96,202,242)
```
#f260ca
```
#f260ca rgb(242,96,202)
```
#f28860
```
#f28860 rgb(242,136,96)
```

Tetradic Color

#19b2ec
```
#19b2ec rgb(25,178,236)
```
#31baee
```
#31baee rgb(49,186,238)
```
#48c2f0
```
#48c2f0 rgb(72,194,240)
```
#60caf2
```
#60caf2 rgb(96,202,242)
```
#78d2f4
```
#78d2f4 rgb(120,210,244)
```
#8fdaf6
```
#8fdaf6 rgb(143,218,246)
```
#a7e2f8
```
#a7e2f8 rgb(167,226,248)
```

Monochromatic Color

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

#60eff2
```
#60eff2 rgb(96,239,242)
```
#60e2f2
```
#60e2f2 rgb(96,226,242)
```
#60d6f2
```
#60d6f2 rgb(96,214,242)
```
#60caf2
```
#60caf2 rgb(96,202,242)
```
#60bef2
```
#60bef2 rgb(96,190,242)
```
#60b2f2
```
#60b2f2 rgb(96,178,242)
```
#60a6f2
```
#60a6f2 rgb(96,166,242)
```

Similar Colors

Text with hexadecimal color #60caf2

This text has a font color of #60caf2.

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

#60caf2 background color

This paragraph has a background color of #60caf2.

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

#60caf2 border color

This element has a border color of #60caf2.

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

CSS codes

.text {color:#60caf2;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021116
```
#021116 rgb(2,17,22)
```
#031e28
```
#031e28 rgb(3,30,40)
```
#052c3b
```
#052c3b rgb(5,44,59)
```
#06394d
```
#06394d rgb(6,57,77)
```
#08475f
```
#08475f rgb(8,71,95)
```
#095571
```
#095571 rgb(9,85,113)
```
#0b6283
```
#0b6283 rgb(11,98,131)
```
#0c7095
```
#0c7095 rgb(12,112,149)
```
#0e7da7
```
#0e7da7 rgb(14,125,167)
```
#0f8bba
```
#0f8bba rgb(15,139,186)
```
#1198cc
```
#1198cc rgb(17,152,204)
```
#12a6de
```
#12a6de rgb(18,166,222)
```

Shade Color Variation

#17b2ec
```
#17b2ec rgb(23,178,236)
```
#2ab8ee
```
#2ab8ee rgb(42,184,238)
```
#3cbeef
```
#3cbeef rgb(60,190,239)
```
#4ec4f1
```
#4ec4f1 rgb(78,196,241)
```
#60caf2
```
#60caf2 rgb(96,202,242)
```
#72d0f3
```
#72d0f3 rgb(114,208,243)
```
#84d6f5
```
#84d6f5 rgb(132,214,245)
```
#96dcf6
```
#96dcf6 rgb(150,220,246)
```
#a9e2f8
```
#a9e2f8 rgb(169,226,248)
```
#bbe8f9
```
#bbe8f9 rgb(187,232,249)
```
#cdeefb
```
#cdeefb rgb(205,238,251)
```
#dff4fc
```
#dff4fc rgb(223,244,252)
```
#f1fafe
```
#f1fafe rgb(241,250,254)
```

Tint Color Variation

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

#a9a9a9
```
#a9a9a9 rgb(169,169,169)
```
#a2acb0
```
#a2acb0 rgb(162,172,176)
```
#9cafb6
```
#9cafb6 rgb(156,175,182)
```
#95b2bd
```
#95b2bd rgb(149,178,189)
```
#8eb5c4
```
#8eb5c4 rgb(142,181,196)
```
#88b8ca
```
#88b8ca rgb(136,184,202)
```
#81bbd1
```
#81bbd1 rgb(129,187,209)
```
#7abed8
```
#7abed8 rgb(122,190,216)
```
#74c1de
```
#74c1de rgb(116,193,222)
```
#6dc4e5
```
#6dc4e5 rgb(109,196,229)
```
#67c7eb
```
#67c7eb rgb(103,199,235)
```
#60caf2
```
#60caf2 rgb(96,202,242)
```
#59cdf9
```
#59cdf9 rgb(89,205,249)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9fb4bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bfe9 Protanopia 1% of men
#b2bef8 Deuteranopia 1% of men
#5dd0df Tritanopia 0.001% of the population

Trichromacy

#96c3ec Protanomaly 1% of men, 0.01% of women
#94c2f6 Deuteranomaly 6% of men, 0.4% of women
#5ecde6 Tritanomaly 0.01% of the population