#60adde hex color

In a RGB color space, hex #60adde is composed of 37.6% red, 67.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 22.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 203.3 degrees, a saturation of 65.6% and a lightness of 62.4%. #60adde color hex could be obtained by blending #c0ffff with #005bbd. Closest websafe color is: #6699cc.

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

● #60adde color description : Soft blue.

The hexadecimal color #60adde has RGB values of R:96, G:173, B:222 and CMYK values of C:0.57, M:0.22, Y:0, K:0.13. Its decimal value is 6335966.

Hex triplet	60adde	`#60adde`
RGB Decimal	96, 173, 222	`rgb(96,173,222)`
RGB Percent	37.6, 67.8, 87.1	`rgb(37.6%,67.8%,87.1%)`
CMYK	57, 22, 0, 13
HSL	203.3°, 65.6, 62.4	`hsl(203.3,65.6%,62.4%)`
HSV (or HSB)	203.3°, 56.8, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.759, -9.788, -31.93
XYZ	32.949, 37.646, 74.633
xyY	0.227, 0.259, 37.646
CIE-LCH	67.759, 33.396, 252.957
CIE-LUV	67.759, -32.956, -49.261
Hunter-Lab	61.356, -11.516, -29.171
Binary	01100000, 10101101, 11011110

#60adde
```
#60adde rgb(96,173,222)
```
#de9160
```
#de9160 rgb(222,145,96)
```

Complementary Color

#60ded0
```
#60ded0 rgb(96,222,208)
```
#60adde
```
#60adde rgb(96,173,222)
```
#606ede
```
#606ede rgb(96,110,222)
```

Analogous Color

#ded060
```
#ded060 rgb(222,208,96)
```
#60adde
```
#60adde rgb(96,173,222)
```
#de606e
```
#de606e rgb(222,96,110)
```

Split Complementary Color

#adde60
```
#adde60 rgb(173,222,96)
```
#60adde
```
#60adde rgb(96,173,222)
```
#de60ad
```
#de60ad rgb(222,96,173)
```

Triadic Color

#60de91
```
#60de91 rgb(96,222,145)
```
#60adde
```
#60adde rgb(96,173,222)
```
#de60ad
```
#de60ad rgb(222,96,173)
```
#de9160
```
#de9160 rgb(222,145,96)
```

Tetradic Color

#2a8ac8
```
#2a8ac8 rgb(42,138,200)
```
#3697d5
```
#3697d5 rgb(54,151,213)
```
#4ba2da
```
#4ba2da rgb(75,162,218)
```
#60adde
```
#60adde rgb(96,173,222)
```
#75b8e2
```
#75b8e2 rgb(117,184,226)
```
#8ac3e7
```
#8ac3e7 rgb(138,195,231)
```
#9fceeb
```
#9fceeb rgb(159,206,235)
```

Monochromatic Color

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

#60cdde
```
#60cdde rgb(96,205,222)
```
#60c2de
```
#60c2de rgb(96,194,222)
```
#60b8de
```
#60b8de rgb(96,184,222)
```
#60adde
```
#60adde rgb(96,173,222)
```
#60a3de
```
#60a3de rgb(96,163,222)
```
#6098de
```
#6098de rgb(96,152,222)
```
#608ede
```
#608ede rgb(96,142,222)
```

Similar Colors

Text with hexadecimal color #60adde

This text has a font color of #60adde.

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

#60adde background color

This paragraph has a background color of #60adde.

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

#60adde border color

This element has a border color of #60adde.

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

CSS codes

.text {color:#60adde;}

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

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

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 #f2f8fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#040e14
```
#040e14 rgb(4,14,20)
```
#071924
```
#071924 rgb(7,25,36)
```
#0b2434
```
#0b2434 rgb(11,36,52)
```
#0e2f44
```
#0e2f44 rgb(14,47,68)
```
#123b55
```
#123b55 rgb(18,59,85)
```
#154665
```
#154665 rgb(21,70,101)
```
#185175
```
#185175 rgb(24,81,117)
```
#1c5c85
```
#1c5c85 rgb(28,92,133)
```
#1f6896
```
#1f6896 rgb(31,104,150)
```
#2273a6
```
#2273a6 rgb(34,115,166)
```
#267eb6
```
#267eb6 rgb(38,126,182)
```
#2989c6
```
#2989c6 rgb(41,137,198)
```

Shade Color Variation

#2f94d4
```
#2f94d4 rgb(47,148,212)
```
#409cd7
```
#409cd7 rgb(64,156,215)
```
#50a5db
```
#50a5db rgb(80,165,219)
```
#60adde
```
#60adde rgb(96,173,222)
```
#70b5e1
```
#70b5e1 rgb(112,181,225)
```
#80bee5
```
#80bee5 rgb(128,190,229)
```
#91c6e8
```
#91c6e8 rgb(145,198,232)
```
#a1cfeb
```
#a1cfeb rgb(161,207,235)
```
#b1d7ef
```
#b1d7ef rgb(177,215,239)
```
#c1dff2
```
#c1dff2 rgb(193,223,242)
```
#d2e8f6
```
#d2e8f6 rgb(210,232,246)
```
#e2f0f9
```
#e2f0f9 rgb(226,240,249)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

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

#9ba0a3
```
#9ba0a3 rgb(155,160,163)
```
#94a2aa
```
#94a2aa rgb(148,162,170)
```
#8ca3b2
```
#8ca3b2 rgb(140,163,178)
```
#85a5b9
```
#85a5b9 rgb(133,165,185)
```
#7ea6c0
```
#7ea6c0 rgb(126,166,192)
```
#76a8c8
```
#76a8c8 rgb(118,168,200)
```
#6faacf
```
#6faacf rgb(111,170,207)
```
#67abd7
```
#67abd7 rgb(103,171,215)
```
#60adde
```
#60adde rgb(96,173,222)
```
#59afe5
```
#59afe5 rgb(89,175,229)
```
#51b0ed
```
#51b0ed rgb(81,176,237)
```
#4ab2f4
```
#4ab2f4 rgb(74,178,244)
```
#42b4fc
```
#42b4fc rgb(66,180,252)
```

Tone Color Variation

Below, you can see how #60adde 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
#909fa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba7d9 Protanopia 1% of men
#95a7e3 Deuteranopia 1% of men
#59b6c3 Tritanopia 0.001% of the population

Trichromacy

#85a9db Protanomaly 1% of men, 0.01% of women
#82a9e1 Deuteranomaly 6% of men, 0.4% of women
#5cb3cd Tritanomaly 0.01% of the population

#60adde hex color

#60adde Color Information

#60adde Color Conversion

Color Schemes with #60adde

Alternatives to #60adde

#60adde Preview

Shades and Tints of #60adde

Tones of #60adde

Color Blindness Simulator