#60afda hex color

In a RGB color space, hex #60afda is composed of 37.6% red, 68.6% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 19.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 201.1 degrees, a saturation of 62.2% and a lightness of 61.6%. #60afda color hex could be obtained by blending #c0ffff with #005fb5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 69
- B 85
RGB color chart
- C 56
- M 20
- Y 0
- K 15
CMYK color chart

● #60afda color description : Soft blue.

The hexadecimal color #60afda has RGB values of R:96, G:175, B:218 and CMYK values of C:0.56, M:0.2, Y:0, K:0.15. Its decimal value is 6336474.

Hex triplet	60afda	`#60afda`
RGB Decimal	96, 175, 218	`rgb(96,175,218)`
RGB Percent	37.6, 68.6, 85.5	`rgb(37.6%,68.6%,85.5%)`
CMYK	56, 20, 0, 15
HSL	201.1°, 62.2, 61.6	`hsl(201.1,62.2%,61.6%)`
HSV (or HSB)	201.1°, 56, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.173, -12.083, -29.095
XYZ	32.806, 38.207, 71.972
xyY	0.229, 0.267, 38.207
CIE-LCH	68.173, 31.504, 247.447
CIE-LUV	68.173, -33.825, -44.245
Hunter-Lab	61.811, -13.434, -25.768
Binary	01100000, 10101111, 11011010

#60afda
```
#60afda rgb(96,175,218)
```
#da8b60
```
#da8b60 rgb(218,139,96)
```

Complementary Color

#60dac8
```
#60dac8 rgb(96,218,200)
```
#60afda
```
#60afda rgb(96,175,218)
```
#6072da
```
#6072da rgb(96,114,218)
```

Analogous Color

#dac860
```
#dac860 rgb(218,200,96)
```
#60afda
```
#60afda rgb(96,175,218)
```
#da6072
```
#da6072 rgb(218,96,114)
```

Split Complementary Color

#afda60
```
#afda60 rgb(175,218,96)
```
#60afda
```
#60afda rgb(96,175,218)
```
#da60af
```
#da60af rgb(218,96,175)
```

Triadic Color

#60da8b
```
#60da8b rgb(96,218,139)
```
#60afda
```
#60afda rgb(96,175,218)
```
#da60af
```
#da60af rgb(218,96,175)
```
#da8b60
```
#da8b60 rgb(218,139,96)
```

Tetradic Color

#2d8dc1
```
#2d8dc1 rgb(45,141,193)
```
#379ad0
```
#379ad0 rgb(55,154,208)
```
#4ba5d5
```
#4ba5d5 rgb(75,165,213)
```
#60afda
```
#60afda rgb(96,175,218)
```
#75b9df
```
#75b9df rgb(117,185,223)
```
#89c4e4
```
#89c4e4 rgb(137,196,228)
```
#9ecee8
```
#9ecee8 rgb(158,206,232)
```

Monochromatic Color

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

#60ceda
```
#60ceda rgb(96,206,218)
```
#60c3da
```
#60c3da rgb(96,195,218)
```
#60b9da
```
#60b9da rgb(96,185,218)
```
#60afda
```
#60afda rgb(96,175,218)
```
#60a5da
```
#60a5da rgb(96,165,218)
```
#609bda
```
#609bda rgb(96,155,218)
```
#6091da
```
#6091da rgb(96,145,218)
```

Similar Colors

Text with hexadecimal color #60afda

This text has a font color of #60afda.

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

#60afda background color

This paragraph has a background color of #60afda.

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

#60afda border color

This element has a border color of #60afda.

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

CSS codes

.text {color:#60afda;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#071720
```
#071720 rgb(7,23,32)
```
#0b2330
```
#0b2330 rgb(11,35,48)
```
#0f2f40
```
#0f2f40 rgb(15,47,64)
```
#133a50
```
#133a50 rgb(19,58,80)
```
#164660
```
#164660 rgb(22,70,96)
```
#1a5170
```
#1a5170 rgb(26,81,112)
```
#1e5d7f
```
#1e5d7f rgb(30,93,127)
```
#21698f
```
#21698f rgb(33,105,143)
```
#25749f
```
#25749f rgb(37,116,159)
```
#2980af
```
#2980af rgb(41,128,175)
```
#2c8bbf
```
#2c8bbf rgb(44,139,191)
```

Shade Color Variation

#3097cf
```
#3097cf rgb(48,151,207)
```
#409fd3
```
#409fd3 rgb(64,159,211)
```
#50a7d6
```
#50a7d6 rgb(80,167,214)
```
#60afda
```
#60afda rgb(96,175,218)
```
#70b7de
```
#70b7de rgb(112,183,222)
```
#80bfe1
```
#80bfe1 rgb(128,191,225)
```
#90c7e5
```
#90c7e5 rgb(144,199,229)
```
#a0cfe9
```
#a0cfe9 rgb(160,207,233)
```
#b0d7ed
```
#b0d7ed rgb(176,215,237)
```
#bfdff0
```
#bfdff0 rgb(191,223,240)
```
#cfe7f4
```
#cfe7f4 rgb(207,231,244)
```
#dfeff8
```
#dfeff8 rgb(223,239,248)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9d9e is the less saturated color, while #42b8f8 is the most saturated one.

#9c9d9e
```
#9c9d9e rgb(156,157,158)
```
#959fa5
```
#959fa5 rgb(149,159,165)
```
#8da2ad
```
#8da2ad rgb(141,162,173)
```
#86a4b4
```
#86a4b4 rgb(134,164,180)
```
#7ea6bc
```
#7ea6bc rgb(126,166,188)
```
#77a8c3
```
#77a8c3 rgb(119,168,195)
```
#6fabcb
```
#6fabcb rgb(111,171,203)
```
#68add2
```
#68add2 rgb(104,173,210)
```
#60afda
```
#60afda rgb(96,175,218)
```
#58b1e2
```
#58b1e2 rgb(88,177,226)
```
#51b3e9
```
#51b3e9 rgb(81,179,233)
```
#49b6f1
```
#49b6f1 rgb(73,182,241)
```
#42b8f8
```
#42b8f8 rgb(66,184,248)
```

Tone Color Variation

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

#9ea9d5 Protanopia 1% of men
#9aa8df Deuteranopia 1% of men
#5cb7c4 Tritanopia 0.001% of the population

Trichromacy

#87abd7 Protanomaly 1% of men, 0.01% of women
#85aadd Deuteranomaly 6% of men, 0.4% of women
#5db4cc Tritanomaly 0.01% of the population

#60afda hex color

#60afda Color Information

#60afda Color Conversion

Color Schemes with #60afda

Alternatives to #60afda

#60afda Preview

Shades and Tints of #60afda

Tones of #60afda

Color Blindness Simulator