#60afd7 hex color

In a RGB color space, hex #60afd7 is composed of 37.6% red, 68.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 18.6% magenta, 0% yellow and 15.7% black. It has a hue angle of 200.2 degrees, a saturation of 59.8% and a lightness of 61%. #60afd7 color hex could be obtained by blending #c0ffff with #005faf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 69
- B 84
RGB color chart
- C 55
- M 19
- Y 0
- K 16
CMYK color chart

● #60afd7 color description : Moderate blue.

The hexadecimal color #60afd7 has RGB values of R:96, G:175, B:215 and CMYK values of C:0.55, M:0.19, Y:0, K:0.16. Its decimal value is 6336471.

Hex triplet	60afd7	`#60afd7`
RGB Decimal	96, 175, 215	`rgb(96,175,215)`
RGB Percent	37.6, 68.6, 84.3	`rgb(37.6%,68.6%,84.3%)`
CMYK	55, 19, 0, 16
HSL	200.2°, 59.8, 61	`hsl(200.2,59.8%,61%)`
HSV (or HSB)	200.2°, 55.3, 84.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.058, -12.981, -27.622
XYZ	32.417, 38.051, 69.923
xyY	0.231, 0.271, 38.051
CIE-LCH	68.058, 30.521, 244.829
CIE-LUV	68.058, -33.92, -41.656
Hunter-Lab	61.685, -14.145, -24.027
Binary	01100000, 10101111, 11010111

#60afd7
```
#60afd7 rgb(96,175,215)
```
#d78860
```
#d78860 rgb(215,136,96)
```

Complementary Color

#60d7c4
```
#60d7c4 rgb(96,215,196)
```
#60afd7
```
#60afd7 rgb(96,175,215)
```
#6074d7
```
#6074d7 rgb(96,116,215)
```

Analogous Color

#d7c460
```
#d7c460 rgb(215,196,96)
```
#60afd7
```
#60afd7 rgb(96,175,215)
```
#d76074
```
#d76074 rgb(215,96,116)
```

Split Complementary Color

#afd760
```
#afd760 rgb(175,215,96)
```
#60afd7
```
#60afd7 rgb(96,175,215)
```
#d760af
```
#d760af rgb(215,96,175)
```

Triadic Color

#60d788
```
#60d788 rgb(96,215,136)
```
#60afd7
```
#60afd7 rgb(96,175,215)
```
#d760af
```
#d760af rgb(215,96,175)
```
#d78860
```
#d78860 rgb(215,136,96)
```

Tetradic Color

#2f8cbb
```
#2f8cbb rgb(47,140,187)
```
#379acd
```
#379acd rgb(55,154,205)
```
#4ca5d2
```
#4ca5d2 rgb(76,165,210)
```
#60afd7
```
#60afd7 rgb(96,175,215)
```
#74b9dc
```
#74b9dc rgb(116,185,220)
```
#89c4e1
```
#89c4e1 rgb(137,196,225)
```
#9dcee6
```
#9dcee6 rgb(157,206,230)
```

Monochromatic Color

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

#60cdd7
```
#60cdd7 rgb(96,205,215)
```
#60c3d7
```
#60c3d7 rgb(96,195,215)
```
#60b9d7
```
#60b9d7 rgb(96,185,215)
```
#60afd7
```
#60afd7 rgb(96,175,215)
```
#60a5d7
```
#60a5d7 rgb(96,165,215)
```
#609bd7
```
#609bd7 rgb(96,155,215)
```
#6091d7
```
#6091d7 rgb(96,145,215)
```

Similar Colors

Text with hexadecimal color #60afd7

This text has a font color of #60afd7.

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

#60afd7 background color

This paragraph has a background color of #60afd7.

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

#60afd7 border color

This element has a border color of #60afd7.

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

CSS codes

.text {color:#60afd7;}

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

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

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, #030a0d is the darkest color, while #fdfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#07161d
```
#07161d rgb(7,22,29)
```
#0b212d
```
#0b212d rgb(11,33,45)
```
#0f2d3c
```
#0f2d3c rgb(15,45,60)
```
#13394c
```
#13394c rgb(19,57,76)
```
#17455c
```
#17455c rgb(23,69,92)
```
#1b506b
```
#1b506b rgb(27,80,107)
```
#1f5c7b
```
#1f5c7b rgb(31,92,123)
```
#23688b
```
#23688b rgb(35,104,139)
```
#27749a
```
#27749a rgb(39,116,154)
```
#2b7faa
```
#2b7faa rgb(43,127,170)
```
#2f8bba
```
#2f8bba rgb(47,139,186)
```
#3397c9
```
#3397c9 rgb(51,151,201)
```

Shade Color Variation

#419fcf
```
#419fcf rgb(65,159,207)
```
#50a7d3
```
#50a7d3 rgb(80,167,211)
```
#60afd7
```
#60afd7 rgb(96,175,215)
```
#70b7db
```
#70b7db rgb(112,183,219)
```
#7fbfdf
```
#7fbfdf rgb(127,191,223)
```
#8fc7e3
```
#8fc7e3 rgb(143,199,227)
```
#9fcfe7
```
#9fcfe7 rgb(159,207,231)
```
#aed6eb
```
#aed6eb rgb(174,214,235)
```
#bedeef
```
#bedeef rgb(190,222,239)
```
#cee6f3
```
#cee6f3 rgb(206,230,243)
```
#ddeef7
```
#ddeef7 rgb(221,238,247)
```
#edf6fa
```
#edf6fa rgb(237,246,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969da1 is the less saturated color, while #3abcfd is the most saturated one.

#969da1
```
#969da1 rgb(150,157,161)
```
#8ea0a9
```
#8ea0a9 rgb(142,160,169)
```
#86a2b1
```
#86a2b1 rgb(134,162,177)
```
#7fa5b8
```
#7fa5b8 rgb(127,165,184)
```
#77a7c0
```
#77a7c0 rgb(119,167,192)
```
#6faac8
```
#6faac8 rgb(111,170,200)
```
#68accf
```
#68accf rgb(104,172,207)
```
#60afd7
```
#60afd7 rgb(96,175,215)
```
#58b2df
```
#58b2df rgb(88,178,223)
```
#51b4e6
```
#51b4e6 rgb(81,180,230)
```
#49b7ee
```
#49b7ee rgb(73,183,238)
```
#41b9f6
```
#41b9f6 rgb(65,185,246)
```
#3abcfd
```
#3abcfd rgb(58,188,253)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#90a0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa8d2 Protanopia 1% of men
#9ca8dd Deuteranopia 1% of men
#5eb6c4 Tritanopia 0.001% of the population

Trichromacy

#88abd4 Protanomaly 1% of men, 0.01% of women
#86aada Deuteranomaly 6% of men, 0.4% of women
#5eb4cb Tritanomaly 0.01% of the population

#60afd7 hex color

#60afd7 Color Information

#60afd7 Color Conversion

Color Schemes with #60afd7

Alternatives to #60afd7

#60afd7 Preview

Shades and Tints of #60afd7

Tones of #60afd7

Color Blindness Simulator