#60b2af hex color

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

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

● #60b2af color description : Dark moderate cyan.

The hexadecimal color #60b2af has RGB values of R:96, G:178, B:175 and CMYK values of C:0.46, M:0, Y:0.02, K:0.3. Its decimal value is 6337199.

Hex triplet	60b2af	`#60b2af`
RGB Decimal	96, 178, 175	`rgb(96,178,175)`
RGB Percent	37.6, 69.8, 68.6	`rgb(37.6%,69.8%,68.6%)`
CMYK	46, 0, 2, 30
HSL	177.8°, 34.7, 53.7	`hsl(177.8,34.7%,53.7%)`
HSV (or HSB)	177.8°, 46.1, 69.8
Web Safe	669999	`#669999`

CIE-LAB	67.592, -25.726, -6.248
XYZ	28.48, 37.421, 46.277
xyY	0.254, 0.334, 37.421
CIE-LCH	67.592, 26.474, 193.651
CIE-LUV	67.592, -36.458, -5.371
Hunter-Lab	61.173, -23.948, -2.032
Binary	01100000, 10110010, 10101111

#60b2af
```
#60b2af rgb(96,178,175)
```
#b26063
```
#b26063 rgb(178,96,99)
```

Complementary Color

#60b286
```
#60b286 rgb(96,178,134)
```
#60b2af
```
#60b2af rgb(96,178,175)
```
#608cb2
```
#608cb2 rgb(96,140,178)
```

Analogous Color

#b28660
```
#b28660 rgb(178,134,96)
```
#60b2af
```
#60b2af rgb(96,178,175)
```
#b2608c
```
#b2608c rgb(178,96,140)
```

Split Complementary Color

#b2af60
```
#b2af60 rgb(178,175,96)
```
#60b2af
```
#60b2af rgb(96,178,175)
```
#af60b2
```
#af60b2 rgb(175,96,178)
```

Triadic Color

#63b260
```
#63b260 rgb(99,178,96)
```
#60b2af
```
#60b2af rgb(96,178,175)
```
#af60b2
```
#af60b2 rgb(175,96,178)
```
#b26063
```
#b26063 rgb(178,96,99)
```

Tetradic Color

#408583
```
#408583 rgb(64,133,131)
```
#499693
```
#499693 rgb(73,150,147)
```
#51a7a4
```
#51a7a4 rgb(81,167,164)
```
#60b2af
```
#60b2af rgb(96,178,175)
```
#71bab8
```
#71bab8 rgb(113,186,184)
```
#82c3c0
```
#82c3c0 rgb(130,195,192)
```
#94cbc9
```
#94cbc9 rgb(148,203,201)
```

Monochromatic Color

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

#60b29b
```
#60b29b rgb(96,178,155)
```
#60b2a1
```
#60b2a1 rgb(96,178,161)
```
#60b2a8
```
#60b2a8 rgb(96,178,168)
```
#60b2af
```
#60b2af rgb(96,178,175)
```
#60aeb2
```
#60aeb2 rgb(96,174,178)
```
#60a7b2
```
#60a7b2 rgb(96,167,178)
```
#60a1b2
```
#60a1b2 rgb(96,161,178)
```

Similar Colors

Text with hexadecimal color #60b2af

This text has a font color of #60b2af.

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

#60b2af background color

This paragraph has a background color of #60b2af.

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

#60b2af border color

This element has a border color of #60b2af.

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

CSS codes

.text {color:#60b2af;}

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

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

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

#060d0d
```
#060d0d rgb(6,13,13)
```
#0d1a1a
```
#0d1a1a rgb(13,26,26)
```
#132726
```
#132726 rgb(19,39,38)
```
#193433
```
#193433 rgb(25,52,51)
```
#204240
```
#204240 rgb(32,66,64)
```
#264f4d
```
#264f4d rgb(38,79,77)
```
#2d5c5a
```
#2d5c5a rgb(45,92,90)
```
#336967
```
#336967 rgb(51,105,103)
```
#397774
```
#397774 rgb(57,119,116)
```
#408481
```
#408481 rgb(64,132,129)
```
#46918e
```
#46918e rgb(70,145,142)
```
#4d9e9b
```
#4d9e9b rgb(77,158,155)
```
#53aba8
```
#53aba8 rgb(83,171,168)
```

Shade Color Variation

#60b2af
```
#60b2af rgb(96,178,175)
```
#6db8b6
```
#6db8b6 rgb(109,184,182)
```
#7abfbc
```
#7abfbc rgb(122,191,188)
```
#88c5c3
```
#88c5c3 rgb(136,197,195)
```
#95ccca
```
#95ccca rgb(149,204,202)
```
#a2d2d0
```
#a2d2d0 rgb(162,210,208)
```
#afd8d7
```
#afd8d7 rgb(175,216,215)
```
#bddfde
```
#bddfde rgb(189,223,222)
```
#cae5e4
```
#cae5e4 rgb(202,229,228)
```
#d7eceb
```
#d7eceb rgb(215,236,235)
```
#e4f2f1
```
#e4f2f1 rgb(228,242,241)
```
#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, #848e8d is the less saturated color, while #17fbf2 is the most saturated one.

#848e8d
```
#848e8d rgb(132,142,141)
```
#7b9796
```
#7b9796 rgb(123,151,150)
```
#72a09e
```
#72a09e rgb(114,160,158)
```
#69a9a7
```
#69a9a7 rgb(105,169,167)
```
#60b2af
```
#60b2af rgb(96,178,175)
```
#57bbb7
```
#57bbb7 rgb(87,187,183)
```
#4ec4c0
```
#4ec4c0 rgb(78,196,192)
```
#45cdc8
```
#45cdc8 rgb(69,205,200)
```
#3cd6d1
```
#3cd6d1 rgb(60,214,209)
```
#33dfd9
```
#33dfd9 rgb(51,223,217)
```
#2ae8e1
```
#2ae8e1 rgb(42,232,225)
```
#20f2ea
```
#20f2ea rgb(32,242,234)
```
#17fbf2
```
#17fbf2 rgb(23,251,242)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8e9e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba8ab Protanopia 1% of men
#b1a5b9 Deuteranopia 1% of men
#6db3c0 Tritanopia 0.001% of the population

Trichromacy

#8fabac Protanomaly 1% of men, 0.01% of women
#93a9b5 Deuteranomaly 6% of men, 0.4% of women
#68b3ba Tritanomaly 0.01% of the population

#60b2af hex color

#60b2af Color Information

#60b2af Color Conversion

Color Schemes with #60b2af

Alternatives to #60b2af

#60b2af Preview

Shades and Tints of #60b2af

Tones of #60b2af

Color Blindness Simulator