#60a0d9 hex color

In a RGB color space, hex #60a0d9 is composed of 37.6% red, 62.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 26.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 208.3 degrees, a saturation of 61.4% and a lightness of 61.4%. #60a0d9 color hex could be obtained by blending #c0ffff with #0041b3. Closest websafe color is: #6699cc.

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

● #60a0d9 color description : Soft blue.

The hexadecimal color #60a0d9 has RGB values of R:96, G:160, B:217 and CMYK values of C:0.56, M:0.26, Y:0, K:0.15. Its decimal value is 6332633.

Hex triplet	60a0d9	`#60a0d9`
RGB Decimal	96, 160, 217	`rgb(96,160,217)`
RGB Percent	37.6, 62.7, 85.1	`rgb(37.6%,62.7%,85.1%)`
CMYK	56, 26, 0, 15
HSL	208.3°, 61.4, 61.4	`hsl(208.3,61.4%,61.4%)`
HSV (or HSB)	208.3°, 55.8, 85.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.865, -4.132, -35.214
XYZ	29.916, 32.636, 70.365
xyY	0.225, 0.246, 32.636
CIE-LCH	63.865, 35.456, 263.307
CIE-LUV	63.865, -28.262, -55.026
Hunter-Lab	57.128, -6.5, -33.038
Binary	01100000, 10100000, 11011001

#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#d99960
```
#d99960 rgb(217,153,96)
```

Complementary Color

#60d9d6
```
#60d9d6 rgb(96,217,214)
```
#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#6064d9
```
#6064d9 rgb(96,100,217)
```

Analogous Color

#d9d660
```
#d9d660 rgb(217,214,96)
```
#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#d96064
```
#d96064 rgb(217,96,100)
```

Split Complementary Color

#a0d960
```
#a0d960 rgb(160,217,96)
```
#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#d960a0
```
#d960a0 rgb(217,96,160)
```

Triadic Color

#60d999
```
#60d999 rgb(96,217,153)
```
#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#d960a0
```
#d960a0 rgb(217,96,160)
```
#d99960
```
#d99960 rgb(217,153,96)
```

Tetradic Color

#2e7abf
```
#2e7abf rgb(46,122,191)
```
#3787cf
```
#3787cf rgb(55,135,207)
```
#4b94d4
```
#4b94d4 rgb(75,148,212)
```
#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#75acde
```
#75acde rgb(117,172,222)
```
#89b9e3
```
#89b9e3 rgb(137,185,227)
```
#9ec5e8
```
#9ec5e8 rgb(158,197,232)
```

Monochromatic Color

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

#60bed9
```
#60bed9 rgb(96,190,217)
```
#60b4d9
```
#60b4d9 rgb(96,180,217)
```
#60aad9
```
#60aad9 rgb(96,170,217)
```
#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#6096d9
```
#6096d9 rgb(96,150,217)
```
#608cd9
```
#608cd9 rgb(96,140,217)
```
#6082d9
```
#6082d9 rgb(96,130,217)
```

Similar Colors

Text with hexadecimal color #60a0d9

This text has a font color of #60a0d9.

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

#60a0d9 background color

This paragraph has a background color of #60a0d9.

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

#60a0d9 border color

This element has a border color of #60a0d9.

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

CSS codes

.text {color:#60a0d9;}

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

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

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, #040a0f is the darkest color, while #feffff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#07141f
```
#07141f rgb(7,20,31)
```
#0b1e2f
```
#0b1e2f rgb(11,30,47)
```
#0f283f
```
#0f283f rgb(15,40,63)
```
#13324e
```
#13324e rgb(19,50,78)
```
#173c5e
```
#173c5e rgb(23,60,94)
```
#1a476e
```
#1a476e rgb(26,71,110)
```
#1e517e
```
#1e517e rgb(30,81,126)
```
#225b8e
```
#225b8e rgb(34,91,142)
```
#26659e
```
#26659e rgb(38,101,158)
```
#296fad
```
#296fad rgb(41,111,173)
```
#2d79bd
```
#2d79bd rgb(45,121,189)
```
#3184cd
```
#3184cd rgb(49,132,205)
```

Shade Color Variation

#408dd1
```
#408dd1 rgb(64,141,209)
```
#5097d5
```
#5097d5 rgb(80,151,213)
```
#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#70a9dd
```
#70a9dd rgb(112,169,221)
```
#80b3e1
```
#80b3e1 rgb(128,179,225)
```
#8fbce4
```
#8fbce4 rgb(143,188,228)
```
#9fc6e8
```
#9fc6e8 rgb(159,198,232)
```
#afcfec
```
#afcfec rgb(175,207,236)
```
#bfd9f0
```
#bfd9f0 rgb(191,217,240)
```
#cfe2f3
```
#cfe2f3 rgb(207,226,243)
```
#dfecf7
```
#dfecf7 rgb(223,236,247)
```
#eef5fb
```
#eef5fb rgb(238,245,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#959da4
```
#959da4 rgb(149,157,164)
```
#8d9dac
```
#8d9dac rgb(141,157,172)
```
#869eb3
```
#869eb3 rgb(134,158,179)
```
#7e9ebb
```
#7e9ebb rgb(126,158,187)
```
#779fc2
```
#779fc2 rgb(119,159,194)
```
#6f9fca
```
#6f9fca rgb(111,159,202)
```
#68a0d1
```
#68a0d1 rgb(104,160,209)
```
#60a0d9
```
#60a0d9 rgb(96,160,217)
```
#58a0e1
```
#58a0e1 rgb(88,160,225)
```
#51a1e8
```
#51a1e8 rgb(81,161,232)
```
#49a1f0
```
#49a1f0 rgb(73,161,240)
```
#42a2f7
```
#42a2f7 rgb(66,162,247)
```
#3aa2ff
```
#3aa2ff rgb(58,162,255)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8996a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9dd6 Protanopia 1% of men
#869edd Deuteranopia 1% of men
#56abb8 Tritanopia 0.001% of the population

Trichromacy

#7d9ed7 Protanomaly 1% of men, 0.01% of women
#789fdb Deuteranomaly 6% of men, 0.4% of women
#5aa7c4 Tritanomaly 0.01% of the population

#60a0d9 hex color

#60a0d9 Color Information

#60a0d9 Color Conversion

Color Schemes with #60a0d9

Alternatives to #60a0d9

#60a0d9 Preview

Shades and Tints of #60a0d9

Tones of #60a0d9

Color Blindness Simulator