#60b6cd hex color

In a RGB color space, hex #60b6cd is composed of 37.6% red, 71.4% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 11.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 192.7 degrees, a saturation of 52.2% and a lightness of 59%. #60b6cd color hex could be obtained by blending #c0ffff with #006d9b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 71
- B 80
RGB color chart
- C 53
- M 11
- Y 0
- K 20
CMYK color chart

● #60b6cd color description : Moderate cyan.

The hexadecimal color #60b6cd has RGB values of R:96, G:182, B:205 and CMYK values of C:0.53, M:0.11, Y:0, K:0.2. Its decimal value is 6338253.

Hex triplet	60b6cd	`#60b6cd`
RGB Decimal	96, 182, 205	`rgb(96,182,205)`
RGB Percent	37.6, 71.4, 80.4	`rgb(37.6%,71.4%,80.4%)`
CMYK	53, 11, 0, 20
HSL	192.7°, 52.2, 59	`hsl(192.7,52.2%,59%)`
HSV (or HSB)	192.7°, 53.2, 80.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.717, -19.587, -19.594
XYZ	32.568, 40.348, 63.826
xyY	0.238, 0.295, 40.348
CIE-LCH	69.717, 27.705, 225.011
CIE-LUV	69.717, -36.929, -27.588
Hunter-Lab	63.52, -19.639, -15.111
Binary	01100000, 10110110, 11001101

#60b6cd
```
#60b6cd rgb(96,182,205)
```
#cd7760
```
#cd7760 rgb(205,119,96)
```

Complementary Color

#60cdae
```
#60cdae rgb(96,205,174)
```
#60b6cd
```
#60b6cd rgb(96,182,205)
```
#6080cd
```
#6080cd rgb(96,128,205)
```

Analogous Color

#cdae60
```
#cdae60 rgb(205,174,96)
```
#60b6cd
```
#60b6cd rgb(96,182,205)
```
#cd6080
```
#cd6080 rgb(205,96,128)
```

Split Complementary Color

#b6cd60
```
#b6cd60 rgb(182,205,96)
```
#60b6cd
```
#60b6cd rgb(96,182,205)
```
#cd60b6
```
#cd60b6 rgb(205,96,182)
```

Triadic Color

#60cd77
```
#60cd77 rgb(96,205,119)
```
#60b6cd
```
#60b6cd rgb(96,182,205)
```
#cd60b6
```
#cd60b6 rgb(205,96,182)
```
#cd7760
```
#cd7760 rgb(205,119,96)
```

Tetradic Color

#3692ab
```
#3692ab rgb(54,146,171)
```
#3ca3be
```
#3ca3be rgb(60,163,190)
```
#4dadc7
```
#4dadc7 rgb(77,173,199)
```
#60b6cd
```
#60b6cd rgb(96,182,205)
```
#73bfd3
```
#73bfd3 rgb(115,191,211)
```
#87c8d9
```
#87c8d9 rgb(135,200,217)
```
#9ad1df
```
#9ad1df rgb(154,209,223)
```

Monochromatic Color

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

#60cdc9
```
#60cdc9 rgb(96,205,201)
```
#60c8cd
```
#60c8cd rgb(96,200,205)
```
#60bfcd
```
#60bfcd rgb(96,191,205)
```
#60b6cd
```
#60b6cd rgb(96,182,205)
```
#60adcd
```
#60adcd rgb(96,173,205)
```
#60a4cd
```
#60a4cd rgb(96,164,205)
```
#609bcd
```
#609bcd rgb(96,155,205)
```

Similar Colors

Text with hexadecimal color #60b6cd

This text has a font color of #60b6cd.

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

#60b6cd background color

This paragraph has a background color of #60b6cd.

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

#60b6cd border color

This element has a border color of #60b6cd.

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

CSS codes

.text {color:#60b6cd;}

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

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

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, #020405 is the darkest color, while #f5fbfc is the lightest one.

#020405
```
#020405 rgb(2,4,5)
```
#061114
```
#061114 rgb(6,17,20)
```
#0b1e23
```
#0b1e23 rgb(11,30,35)
```
#102b32
```
#102b32 rgb(16,43,50)
```
#143741
```
#143741 rgb(20,55,65)
```
#194450
```
#194450 rgb(25,68,80)
```
#1e515f
```
#1e515f rgb(30,81,95)
```
#225e6e
```
#225e6e rgb(34,94,110)
```
#276b7d
```
#276b7d rgb(39,107,125)
```
#2c778b
```
#2c778b rgb(44,119,139)
```
#31849a
```
#31849a rgb(49,132,154)
```
#3591a9
```
#3591a9 rgb(53,145,169)
```
#3a9eb8
```
#3a9eb8 rgb(58,158,184)
```

Shade Color Variation

#42a8c4
```
#42a8c4 rgb(66,168,196)
```
#51afc8
```
#51afc8 rgb(81,175,200)
```
#60b6cd
```
#60b6cd rgb(96,182,205)
```
#6fbdd2
```
#6fbdd2 rgb(111,189,210)
```
#7ec4d6
```
#7ec4d6 rgb(126,196,214)
```
#8dcbdb
```
#8dcbdb rgb(141,203,219)
```
#9cd1e0
```
#9cd1e0 rgb(156,209,224)
```
#abd8e4
```
#abd8e4 rgb(171,216,228)
```
#badfe9
```
#badfe9 rgb(186,223,233)
```
#c8e6ee
```
#c8e6ee rgb(200,230,238)
```
#d7edf3
```
#d7edf3 rgb(215,237,243)
```
#e6f4f7
```
#e6f4f7 rgb(230,244,247)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909a9d is the less saturated color, while #30d2fd is the most saturated one.

#909a9d
```
#909a9d rgb(144,154,157)
```
#889fa5
```
#889fa5 rgb(136,159,165)
```
#80a3ad
```
#80a3ad rgb(128,163,173)
```
#78a8b5
```
#78a8b5 rgb(120,168,181)
```
#70adbd
```
#70adbd rgb(112,173,189)
```
#68b1c5
```
#68b1c5 rgb(104,177,197)
```
#60b6cd
```
#60b6cd rgb(96,182,205)
```
#58bbd5
```
#58bbd5 rgb(88,187,213)
```
#50bfdd
```
#50bfdd rgb(80,191,221)
```
#48c4e5
```
#48c4e5 rgb(72,196,229)
```
#40c9ed
```
#40c9ed rgb(64,201,237)
```
#38cdf5
```
#38cdf5 rgb(56,205,245)
```
#30d2fd
```
#30d2fd rgb(48,210,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#92a4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9adc8 Protanopia 1% of men
#aaabd4 Deuteranopia 1% of men
#65bbc8 Tritanopia 0.001% of the population

Trichromacy

#8eb0c9 Protanomaly 1% of men, 0.01% of women
#8fafd2 Deuteranomaly 6% of men, 0.4% of women
#63b9ca Tritanomaly 0.01% of the population

#60b6cd hex color

#60b6cd Color Information

#60b6cd Color Conversion

Color Schemes with #60b6cd

Alternatives to #60b6cd

#60b6cd Preview

Shades and Tints of #60b6cd

Tones of #60b6cd

Color Blindness Simulator