#60abb2 hex color

In a RGB color space, hex #60abb2 is composed of 37.6% red, 67.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 3.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 185.1 degrees, a saturation of 34.7% and a lightness of 53.7%. #60abb2 color hex could be obtained by blending #c0ffff with #005765. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 38
- G 67
- B 70
RGB color chart
- C 46
- M 4
- Y 0
- K 30
CMYK color chart

● #60abb2 color description : Dark moderate cyan.

The hexadecimal color #60abb2 has RGB values of R:96, G:171, B:178 and CMYK values of C:0.46, M:0.04, Y:0, K:0.3. Its decimal value is 6335410.

Hex triplet	60abb2	`#60abb2`
RGB Decimal	96, 171, 178	`rgb(96,171,178)`
RGB Percent	37.6, 67.1, 69.8	`rgb(37.6%,67.1%,69.8%)`
CMYK	46, 4, 0, 30
HSL	185.1°, 34.7, 53.7	`hsl(185.1,34.7%,53.7%)`
HSV (or HSB)	185.1°, 46.1, 69.8
Web Safe	669999	`#669999`

CIE-LAB	65.612, -21.396, -10.861
XYZ	27.42, 34.825, 47.394
xyY	0.25, 0.318, 34.825
CIE-LCH	65.612, 23.995, 206.912
CIE-LUV	65.612, -33.552, -13.131
Hunter-Lab	59.013, -20.332, -6.307
Binary	01100000, 10101011, 10110010

#60abb2
```
#60abb2 rgb(96,171,178)
```
#b26760
```
#b26760 rgb(178,103,96)
```

Complementary Color

#60b290
```
#60b290 rgb(96,178,144)
```
#60abb2
```
#60abb2 rgb(96,171,178)
```
#6082b2
```
#6082b2 rgb(96,130,178)
```

Analogous Color

#b29060
```
#b29060 rgb(178,144,96)
```
#60abb2
```
#60abb2 rgb(96,171,178)
```
#b26082
```
#b26082 rgb(178,96,130)
```

Split Complementary Color

#abb260
```
#abb260 rgb(171,178,96)
```
#60abb2
```
#60abb2 rgb(96,171,178)
```
#b260ab
```
#b260ab rgb(178,96,171)
```

Triadic Color

#60b267
```
#60b267 rgb(96,178,103)
```
#60abb2
```
#60abb2 rgb(96,171,178)
```
#b260ab
```
#b260ab rgb(178,96,171)
```
#b26760
```
#b26760 rgb(178,103,96)
```

Tetradic Color

#407f85
```
#407f85 rgb(64,127,133)
```
#499096
```
#499096 rgb(73,144,150)
```
#51a0a7
```
#51a0a7 rgb(81,160,167)
```
#60abb2
```
#60abb2 rgb(96,171,178)
```
#71b4ba
```
#71b4ba rgb(113,180,186)
```
#82bdc3
```
#82bdc3 rgb(130,189,195)
```
#94c6cb
```
#94c6cb rgb(148,198,203)
```

Monochromatic Color

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

#60b2a5
```
#60b2a5 rgb(96,178,165)
```
#60b2ab
```
#60b2ab rgb(96,178,171)
```
#60b2b2
```
#60b2b2 rgb(96,178,178)
```
#60abb2
```
#60abb2 rgb(96,171,178)
```
#60a4b2
```
#60a4b2 rgb(96,164,178)
```
#609db2
```
#609db2 rgb(96,157,178)
```
#6097b2
```
#6097b2 rgb(96,151,178)
```

Similar Colors

Text with hexadecimal color #60abb2

This text has a font color of #60abb2.

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

#60abb2 background color

This paragraph has a background color of #60abb2.

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

#60abb2 border color

This element has a border color of #60abb2.

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

CSS codes

.text {color:#60abb2;}

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

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

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, #060c0d is the darkest color, while #ffffff is the lightest one.

#060c0d
```
#060c0d rgb(6,12,13)
```
#0d191a
```
#0d191a rgb(13,25,26)
```
#132627
```
#132627 rgb(19,38,39)
```
#193234
```
#193234 rgb(25,50,52)
```
#203f42
```
#203f42 rgb(32,63,66)
```
#264b4f
```
#264b4f rgb(38,75,79)
```
#2d585c
```
#2d585c rgb(45,88,92)
```
#336569
```
#336569 rgb(51,101,105)
```
#397177
```
#397177 rgb(57,113,119)
```
#407e84
```
#407e84 rgb(64,126,132)
```
#468b91
```
#468b91 rgb(70,139,145)
```
#4d979e
```
#4d979e rgb(77,151,158)
```
#53a4ab
```
#53a4ab rgb(83,164,171)
```

Shade Color Variation

#60abb2
```
#60abb2 rgb(96,171,178)
```
#6db2b8
```
#6db2b8 rgb(109,178,184)
```
#7ab9bf
```
#7ab9bf rgb(122,185,191)
```
#88c0c5
```
#88c0c5 rgb(136,192,197)
```
#95c7cc
```
#95c7cc rgb(149,199,204)
```
#a2ced2
```
#a2ced2 rgb(162,206,210)
```
#afd5d8
```
#afd5d8 rgb(175,213,216)
```
#bddcdf
```
#bddcdf rgb(189,220,223)
```
#cae3e5
```
#cae3e5 rgb(202,227,229)
```
#d7eaec
```
#d7eaec rgb(215,234,236)
```
#e4f1f2
```
#e4f1f2 rgb(228,241,242)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848d8e is the less saturated color, while #17e7fb is the most saturated one.

#848d8e
```
#848d8e rgb(132,141,142)
```
#7b9497
```
#7b9497 rgb(123,148,151)
```
#729ca0
```
#729ca0 rgb(114,156,160)
```
#69a3a9
```
#69a3a9 rgb(105,163,169)
```
#60abb2
```
#60abb2 rgb(96,171,178)
```
#57b3bb
```
#57b3bb rgb(87,179,187)
```
#4ebac4
```
#4ebac4 rgb(78,186,196)
```
#45c2cd
```
#45c2cd rgb(69,194,205)
```
#3cc9d6
```
#3cc9d6 rgb(60,201,214)
```
#33d1df
```
#33d1df rgb(51,209,223)
```
#2ad8e8
```
#2ad8e8 rgb(42,216,232)
```
#20e0f2
```
#20e0f2 rgb(32,224,242)
```
#17e7fb
```
#17e7fb rgb(23,231,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8a999b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a3af Protanopia 1% of men
#a8a0bb Deuteranopia 1% of men
#6aaebb Tritanopia 0.001% of the population

Trichromacy

#8ba6b0 Protanomaly 1% of men, 0.01% of women
#8da4b7 Deuteranomaly 6% of men, 0.4% of women
#66adb7 Tritanomaly 0.01% of the population

#60abb2 hex color

#60abb2 Color Information

#60abb2 Color Conversion

Color Schemes with #60abb2

Alternatives to #60abb2

#60abb2 Preview

Shades and Tints of #60abb2

Tones of #60abb2

Color Blindness Simulator