#60afca hex color

In a RGB color space, hex #60afca is composed of 37.6% red, 68.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 13.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 195.3 degrees, a saturation of 50% and a lightness of 58.4%. #60afca color hex could be obtained by blending #c0ffff with #005f95. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 69
- B 79
RGB color chart
- C 52
- M 13
- Y 0
- K 21
CMYK color chart

● #60afca color description : Moderate blue.

The hexadecimal color #60afca has RGB values of R:96, G:175, B:202 and CMYK values of C:0.52, M:0.13, Y:0, K:0.21. Its decimal value is 6336458.

Hex triplet	60afca	`#60afca`
RGB Decimal	96, 175, 202	`rgb(96,175,202)`
RGB Percent	37.6, 68.6, 79.2	`rgb(37.6%,68.6%,79.2%)`
CMYK	52, 13, 0, 21
HSL	195.3°, 50, 58.4	`hsl(195.3,50%,58.4%)`
HSV (or HSB)	195.3°, 52.5, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.583, -16.795, -21.189
XYZ	30.812, 37.409, 61.471
xyY	0.238, 0.288, 37.409
CIE-LCH	67.583, 27.038, 231.599
CIE-LUV	67.583, -34.343, -30.46
Hunter-Lab	61.163, -17.113, -16.774
Binary	01100000, 10101111, 11001010

#60afca
```
#60afca rgb(96,175,202)
```
#ca7b60
```
#ca7b60 rgb(202,123,96)
```

Complementary Color

#60cab0
```
#60cab0 rgb(96,202,176)
```
#60afca
```
#60afca rgb(96,175,202)
```
#607aca
```
#607aca rgb(96,122,202)
```

Analogous Color

#cab060
```
#cab060 rgb(202,176,96)
```
#60afca
```
#60afca rgb(96,175,202)
```
#ca607a
```
#ca607a rgb(202,96,122)
```

Split Complementary Color

#afca60
```
#afca60 rgb(175,202,96)
```
#60afca
```
#60afca rgb(96,175,202)
```
#ca60af
```
#ca60af rgb(202,96,175)
```

Triadic Color

#60ca7b
```
#60ca7b rgb(96,202,123)
```
#60afca
```
#60afca rgb(96,175,202)
```
#ca60af
```
#ca60af rgb(202,96,175)
```
#ca7b60
```
#ca7b60 rgb(202,123,96)
```

Tetradic Color

#378aa6
```
#378aa6 rgb(55,138,166)
```
#3e9ab9
```
#3e9ab9 rgb(62,154,185)
```
#4da5c4
```
#4da5c4 rgb(77,165,196)
```
#60afca
```
#60afca rgb(96,175,202)
```
#73b9d0
```
#73b9d0 rgb(115,185,208)
```
#86c2d7
```
#86c2d7 rgb(134,194,215)
```
#99ccdd
```
#99ccdd rgb(153,204,221)
```

Monochromatic Color

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

#60caca
```
#60caca rgb(96,202,202)
```
#60c1ca
```
#60c1ca rgb(96,193,202)
```
#60b8ca
```
#60b8ca rgb(96,184,202)
```
#60afca
```
#60afca rgb(96,175,202)
```
#60a6ca
```
#60a6ca rgb(96,166,202)
```
#609dca
```
#609dca rgb(96,157,202)
```
#6095ca
```
#6095ca rgb(96,149,202)
```

Similar Colors

Text with hexadecimal color #60afca

This text has a font color of #60afca.

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

#60afca background color

This paragraph has a background color of #60afca.

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

#60afca border color

This element has a border color of #60afca.

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

CSS codes

.text {color:#60afca;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060f12
```
#060f12 rgb(6,15,18)
```
#0b1b20
```
#0b1b20 rgb(11,27,32)
```
#10272f
```
#10272f rgb(16,39,47)
```
#15333e
```
#15333e rgb(21,51,62)
```
#193f4c
```
#193f4c rgb(25,63,76)
```
#1e4c5b
```
#1e4c5b rgb(30,76,91)
```
#23586a
```
#23586a rgb(35,88,106)
```
#286479
```
#286479 rgb(40,100,121)
```
#2d7087
```
#2d7087 rgb(45,112,135)
```
#327c96
```
#327c96 rgb(50,124,150)
```
#3789a5
```
#3789a5 rgb(55,137,165)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```

Shade Color Variation

#43a0c0
```
#43a0c0 rgb(67,160,192)
```
#51a8c5
```
#51a8c5 rgb(81,168,197)
```
#60afca
```
#60afca rgb(96,175,202)
```
#6fb6cf
```
#6fb6cf rgb(111,182,207)
```
#7dbed4
```
#7dbed4 rgb(125,190,212)
```
#8cc5d9
```
#8cc5d9 rgb(140,197,217)
```
#9bcdde
```
#9bcdde rgb(155,205,222)
```
#aad4e3
```
#aad4e3 rgb(170,212,227)
```
#b8dbe7
```
#b8dbe7 rgb(184,219,231)
```
#c7e3ec
```
#c7e3ec rgb(199,227,236)
```
#d6eaf1
```
#d6eaf1 rgb(214,234,241)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

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

#919799
```
#919799 rgb(145,151,153)
```
#899ba1
```
#899ba1 rgb(137,155,161)
```
#819fa9
```
#819fa9 rgb(129,159,169)
```
#78a3b2
```
#78a3b2 rgb(120,163,178)
```
#70a7ba
```
#70a7ba rgb(112,167,186)
```
#68abc2
```
#68abc2 rgb(104,171,194)
```
#60afca
```
#60afca rgb(96,175,202)
```
#58b3d2
```
#58b3d2 rgb(88,179,210)
```
#50b7da
```
#50b7da rgb(80,183,218)
```
#48bbe2
```
#48bbe2 rgb(72,187,226)
```
#3fbfeb
```
#3fbfeb rgb(63,191,235)
```
#37c3f3
```
#37c3f3 rgb(55,195,243)
```
#2fc7fb
```
#2fc7fb rgb(47,199,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8e9ea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a7c5 Protanopia 1% of men
#a2a6d1 Deuteranopia 1% of men
#63b5c2 Tritanopia 0.001% of the population

Trichromacy

#8aaac7 Protanomaly 1% of men, 0.01% of women
#8aa9ce Deuteranomaly 6% of men, 0.4% of women
#62b2c5 Tritanomaly 0.01% of the population

#60afca hex color

#60afca Color Information

#60afca Color Conversion

Color Schemes with #60afca

Alternatives to #60afca

#60afca Preview

Shades and Tints of #60afca

Tones of #60afca

Color Blindness Simulator