#60abdd hex color

In a RGB color space, hex #60abdd is composed of 37.6% red, 67.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 22.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 204 degrees, a saturation of 64.8% and a lightness of 62.2%. #60abdd color hex could be obtained by blending #c0ffff with #0057bb. Closest websafe color is: #6699cc.

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

● #60abdd color description : Soft blue.

The hexadecimal color #60abdd has RGB values of R:96, G:171, B:221 and CMYK values of C:0.57, M:0.23, Y:0, K:0.13. Its decimal value is 6335453.

Hex triplet	60abdd	`#60abdd`
RGB Decimal	96, 171, 221	`rgb(96,171,221)`
RGB Percent	37.6, 67.1, 86.7	`rgb(37.6%,67.1%,86.7%)`
CMYK	57, 23, 0, 13
HSL	204°, 64.8, 62.2	`hsl(204,64.8%,62.2%)`
HSV (or HSB)	204°, 56.6, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.15, -9.002, -32.322
XYZ	32.435, 36.831, 73.802
xyY	0.227, 0.257, 36.831
CIE-LCH	67.15, 33.553, 254.438
CIE-LUV	67.15, -32.242, -49.958
Hunter-Lab	60.689, -10.806, -29.62
Binary	01100000, 10101011, 11011101

#60abdd
```
#60abdd rgb(96,171,221)
```
#dd9260
```
#dd9260 rgb(221,146,96)
```

Complementary Color

#60ddd1
```
#60ddd1 rgb(96,221,209)
```
#60abdd
```
#60abdd rgb(96,171,221)
```
#606ddd
```
#606ddd rgb(96,109,221)
```

Analogous Color

#ddd160
```
#ddd160 rgb(221,209,96)
```
#60abdd
```
#60abdd rgb(96,171,221)
```
#dd606d
```
#dd606d rgb(221,96,109)
```

Split Complementary Color

#abdd60
```
#abdd60 rgb(171,221,96)
```
#60abdd
```
#60abdd rgb(96,171,221)
```
#dd60ab
```
#dd60ab rgb(221,96,171)
```

Triadic Color

#60dd92
```
#60dd92 rgb(96,221,146)
```
#60abdd
```
#60abdd rgb(96,171,221)
```
#dd60ab
```
#dd60ab rgb(221,96,171)
```
#dd9260
```
#dd9260 rgb(221,146,96)
```

Tetradic Color

#2a88c6
```
#2a88c6 rgb(42,136,198)
```
#3695d4
```
#3695d4 rgb(54,149,212)
```
#4ba0d9
```
#4ba0d9 rgb(75,160,217)
```
#60abdd
```
#60abdd rgb(96,171,221)
```
#75b6e1
```
#75b6e1 rgb(117,182,225)
```
#8ac1e6
```
#8ac1e6 rgb(138,193,230)
```
#9fccea
```
#9fccea rgb(159,204,234)
```

Monochromatic Color

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

#60cadd
```
#60cadd rgb(96,202,221)
```
#60c0dd
```
#60c0dd rgb(96,192,221)
```
#60b5dd
```
#60b5dd rgb(96,181,221)
```
#60abdd
```
#60abdd rgb(96,171,221)
```
#60a1dd
```
#60a1dd rgb(96,161,221)
```
#6096dd
```
#6096dd rgb(96,150,221)
```
#608cdd
```
#608cdd rgb(96,140,221)
```

Similar Colors

Text with hexadecimal color #60abdd

This text has a font color of #60abdd.

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

#60abdd background color

This paragraph has a background color of #60abdd.

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

#60abdd border color

This element has a border color of #60abdd.

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

CSS codes

.text {color:#60abdd;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040d13
```
#040d13 rgb(4,13,19)
```
#071823
```
#071823 rgb(7,24,35)
```
#0b2333
```
#0b2333 rgb(11,35,51)
```
#0e2e43
```
#0e2e43 rgb(14,46,67)
```
#123953
```
#123953 rgb(18,57,83)
```
#154464
```
#154464 rgb(21,68,100)
```
#194f74
```
#194f74 rgb(25,79,116)
```
#1c5a84
```
#1c5a84 rgb(28,90,132)
```
#206594
```
#206594 rgb(32,101,148)
```
#2371a4
```
#2371a4 rgb(35,113,164)
```
#277cb4
```
#277cb4 rgb(39,124,180)
```
#2a87c5
```
#2a87c5 rgb(42,135,197)
```

Shade Color Variation

#3091d3
```
#3091d3 rgb(48,145,211)
```
#409ad6
```
#409ad6 rgb(64,154,214)
```
#50a2da
```
#50a2da rgb(80,162,218)
```
#60abdd
```
#60abdd rgb(96,171,221)
```
#70b4e0
```
#70b4e0 rgb(112,180,224)
```
#80bce4
```
#80bce4 rgb(128,188,228)
```
#90c5e7
```
#90c5e7 rgb(144,197,231)
```
#a1cdeb
```
#a1cdeb rgb(161,205,235)
```
#b1d6ee
```
#b1d6ee rgb(177,214,238)
```
#c1def2
```
#c1def2 rgb(193,222,242)
```
#d1e7f5
```
#d1e7f5 rgb(209,231,245)
```
#e1eff9
```
#e1eff9 rgb(225,239,249)
```
#f1f8fc
```
#f1f8fc rgb(241,248,252)
```

Tint Color Variation

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

#9b9fa2
```
#9b9fa2 rgb(155,159,162)
```
#94a1a9
```
#94a1a9 rgb(148,161,169)
```
#8da2b0
```
#8da2b0 rgb(141,162,176)
```
#85a4b8
```
#85a4b8 rgb(133,164,184)
```
#7ea5bf
```
#7ea5bf rgb(126,165,191)
```
#76a7c7
```
#76a7c7 rgb(118,167,199)
```
#6fa8ce
```
#6fa8ce rgb(111,168,206)
```
#67aad6
```
#67aad6 rgb(103,170,214)
```
#60abdd
```
#60abdd rgb(96,171,221)
```
#59ace4
```
#59ace4 rgb(89,172,228)
```
#51aeec
```
#51aeec rgb(81,174,236)
```
#4aaff3
```
#4aaff3 rgb(74,175,243)
```
#42b1fb
```
#42b1fb rgb(66,177,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8e9da7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a6d8 Protanopia 1% of men
#93a6e2 Deuteranopia 1% of men
#59b4c2 Tritanopia 0.001% of the population

Trichromacy

#84a8da Protanomaly 1% of men, 0.01% of women
#80a8e0 Deuteranomaly 6% of men, 0.4% of women
#5bb1cb Tritanomaly 0.01% of the population

#60abdd hex color

#60abdd Color Information

#60abdd Color Conversion

Color Schemes with #60abdd

Alternatives to #60abdd

#60abdd Preview

Shades and Tints of #60abdd

Tones of #60abdd

Color Blindness Simulator