#60afdf hex color

In a RGB color space, hex #60afdf is composed of 37.6% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 202.7 degrees, a saturation of 66.5% and a lightness of 62.5%. #60afdf color hex could be obtained by blending #c0ffff with #005fbf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 69
- B 87
RGB color chart
- C 57
- M 22
- Y 0
- K 13
CMYK color chart

● #60afdf color description : Soft blue.

The hexadecimal color #60afdf has RGB values of R:96, G:175, B:223 and CMYK values of C:0.57, M:0.22, Y:0, K:0.13. Its decimal value is 6336479.

Hex triplet	60afdf	`#60afdf`
RGB Decimal	96, 175, 223	`rgb(96,175,223)`
RGB Percent	37.6, 68.6, 87.5	`rgb(37.6%,68.6%,87.5%)`
CMYK	57, 22, 0, 13
HSL	202.7°, 66.5, 62.5	`hsl(202.7,66.5%,62.5%)`
HSV (or HSB)	202.7°, 57, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.367, -10.57, -31.537
XYZ	33.47, 38.472, 75.47
xyY	0.227, 0.261, 38.472
CIE-LCH	68.367, 33.261, 251.47
CIE-LUV	68.367, -33.668, -48.561
Hunter-Lab	62.026, -12.225, -28.723
Binary	01100000, 10101111, 11011111

#60afdf
```
#60afdf rgb(96,175,223)
```
#df9060
```
#df9060 rgb(223,144,96)
```

Complementary Color

#60dfd0
```
#60dfd0 rgb(96,223,208)
```
#60afdf
```
#60afdf rgb(96,175,223)
```
#6070df
```
#6070df rgb(96,112,223)
```

Analogous Color

#dfd060
```
#dfd060 rgb(223,208,96)
```
#60afdf
```
#60afdf rgb(96,175,223)
```
#df6070
```
#df6070 rgb(223,96,112)
```

Split Complementary Color

#afdf60
```
#afdf60 rgb(175,223,96)
```
#60afdf
```
#60afdf rgb(96,175,223)
```
#df60af
```
#df60af rgb(223,96,175)
```

Triadic Color

#60df90
```
#60df90 rgb(96,223,144)
```
#60afdf
```
#60afdf rgb(96,175,223)
```
#df60af
```
#df60af rgb(223,96,175)
```
#df9060
```
#df9060 rgb(223,144,96)
```

Tetradic Color

#298dca
```
#298dca rgb(41,141,202)
```
#369ad6
```
#369ad6 rgb(54,154,214)
```
#4ba4db
```
#4ba4db rgb(75,164,219)
```
#60afdf
```
#60afdf rgb(96,175,223)
```
#75bae3
```
#75bae3 rgb(117,186,227)
```
#8ac4e8
```
#8ac4e8 rgb(138,196,232)
```
#a0cfec
```
#a0cfec rgb(160,207,236)
```

Monochromatic Color

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

#60cfdf
```
#60cfdf rgb(96,207,223)
```
#60c4df
```
#60c4df rgb(96,196,223)
```
#60badf
```
#60badf rgb(96,186,223)
```
#60afdf
```
#60afdf rgb(96,175,223)
```
#60a4df
```
#60a4df rgb(96,164,223)
```
#609adf
```
#609adf rgb(96,154,223)
```
#608fdf
```
#608fdf rgb(96,143,223)
```

Similar Colors

Text with hexadecimal color #60afdf

This text has a font color of #60afdf.

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

#60afdf background color

This paragraph has a background color of #60afdf.

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

#60afdf border color

This element has a border color of #60afdf.

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

CSS codes

.text {color:#60afdf;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040e15
```
#040e15 rgb(4,14,21)
```
#071a25
```
#071a25 rgb(7,26,37)
```
#0b2535
```
#0b2535 rgb(11,37,53)
```
#0e3146
```
#0e3146 rgb(14,49,70)
```
#113c56
```
#113c56 rgb(17,60,86)
```
#154766
```
#154766 rgb(21,71,102)
```
#185377
```
#185377 rgb(24,83,119)
```
#1b5e87
```
#1b5e87 rgb(27,94,135)
```
#1e6a97
```
#1e6a97 rgb(30,106,151)
```
#2275a8
```
#2275a8 rgb(34,117,168)
```
#2580b8
```
#2580b8 rgb(37,128,184)
```
#288cc8
```
#288cc8 rgb(40,140,200)
```

Shade Color Variation

#2f96d5
```
#2f96d5 rgb(47,150,213)
```
#3f9fd8
```
#3f9fd8 rgb(63,159,216)
```
#50a7dc
```
#50a7dc rgb(80,167,220)
```
#60afdf
```
#60afdf rgb(96,175,223)
```
#70b7e2
```
#70b7e2 rgb(112,183,226)
```
#81bfe6
```
#81bfe6 rgb(129,191,230)
```
#91c8e9
```
#91c8e9 rgb(145,200,233)
```
#a1d0ec
```
#a1d0ec rgb(161,208,236)
```
#b2d8ef
```
#b2d8ef rgb(178,216,239)
```
#c2e0f3
```
#c2e0f3 rgb(194,224,243)
```
#d2e9f6
```
#d2e9f6 rgb(210,233,246)
```
#e3f1f9
```
#e3f1f9 rgb(227,241,249)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

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

#9ba1a4
```
#9ba1a4 rgb(155,161,164)
```
#93a2ac
```
#93a2ac rgb(147,162,172)
```
#8ca4b3
```
#8ca4b3 rgb(140,164,179)
```
#85a6ba
```
#85a6ba rgb(133,166,186)
```
#7da8c2
```
#7da8c2 rgb(125,168,194)
```
#76aac9
```
#76aac9 rgb(118,170,201)
```
#6fabd0
```
#6fabd0 rgb(111,171,208)
```
#67add8
```
#67add8 rgb(103,173,216)
```
#60afdf
```
#60afdf rgb(96,175,223)
```
#59b1e6
```
#59b1e6 rgb(89,177,230)
```
#51b3ee
```
#51b3ee rgb(81,179,238)
```
#4ab4f5
```
#4ab4f5 rgb(74,180,245)
```
#43b6fc
```
#43b6fc rgb(67,182,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#91a1aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da9da Protanopia 1% of men
#98a9e4 Deuteranopia 1% of men
#5ab8c5 Tritanopia 0.001% of the population

Trichromacy

#87abdb Protanomaly 1% of men, 0.01% of women
#83abe2 Deuteranomaly 6% of men, 0.4% of women
#5cb4ce Tritanomaly 0.01% of the population

#60afdf hex color

#60afdf Color Information

#60afdf Color Conversion

Color Schemes with #60afdf

Alternatives to #60afdf

#60afdf Preview

Shades and Tints of #60afdf

Tones of #60afdf

Color Blindness Simulator