#60bdd2 hex color

In a RGB color space, hex #60bdd2 is composed of 37.6% red, 74.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 10% magenta, 0% yellow and 17.6% black. It has a hue angle of 191.1 degrees, a saturation of 55.9% and a lightness of 60%. #60bdd2 color hex could be obtained by blending #c0ffff with #007ba5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 74
- B 82
RGB color chart
- C 54
- M 10
- Y 0
- K 18
CMYK color chart

● #60bdd2 color description : Moderate cyan.

The hexadecimal color #60bdd2 has RGB values of R:96, G:189, B:210 and CMYK values of C:0.54, M:0.1, Y:0, K:0.18. Its decimal value is 6340050.

Hex triplet	60bdd2	`#60bdd2`
RGB Decimal	96, 189, 210	`rgb(96,189,210)`
RGB Percent	37.6, 74.1, 82.4	`rgb(37.6%,74.1%,82.4%)`
CMYK	54, 10, 0, 18
HSL	191.1°, 55.9, 60	`hsl(191.1,55.9%,60%)`
HSV (or HSB)	191.1°, 54.3, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.915, -21.756, -18.995
XYZ	34.651, 43.533, 67.546
xyY	0.238, 0.299, 43.533
CIE-LCH	71.915, 28.882, 221.124
CIE-LUV	71.915, -39.409, -26.416
Hunter-Lab	65.979, -21.719, -14.512
Binary	01100000, 10111101, 11010010

#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#d27560
```
#d27560 rgb(210,117,96)
```

Complementary Color

#60d2ae
```
#60d2ae rgb(96,210,174)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#6084d2
```
#6084d2 rgb(96,132,210)
```

Analogous Color

#d2ae60
```
#d2ae60 rgb(210,174,96)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#d26084
```
#d26084 rgb(210,96,132)
```

Split Complementary Color

#bdd260
```
#bdd260 rgb(189,210,96)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#d260bd
```
#d260bd rgb(210,96,189)
```

Triadic Color

#60d275
```
#60d275 rgb(96,210,117)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#d260bd
```
#d260bd rgb(210,96,189)
```
#d27560
```
#d27560 rgb(210,117,96)
```

Tetradic Color

#339bb3
```
#339bb3 rgb(51,155,179)
```
#38adc7
```
#38adc7 rgb(56,173,199)
```
#4cb5cc
```
#4cb5cc rgb(76,181,204)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#74c5d8
```
#74c5d8 rgb(116,197,216)
```
#88cedd
```
#88cedd rgb(136,206,221)
```
#9cd6e3
```
#9cd6e3 rgb(156,214,227)
```

Monochromatic Color

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

#60d2cb
```
#60d2cb rgb(96,210,203)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#60c7d2
```
#60c7d2 rgb(96,199,210)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#60b4d2
```
#60b4d2 rgb(96,180,210)
```
#60aad2
```
#60aad2 rgb(96,170,210)
```
#60a1d2
```
#60a1d2 rgb(96,161,210)
```

Similar Colors

Text with hexadecimal color #60bdd2

This text has a font color of #60bdd2.

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

#60bdd2 background color

This paragraph has a background color of #60bdd2.

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

#60bdd2 border color

This element has a border color of #60bdd2.

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

CSS codes

.text {color:#60bdd2;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#071518
```
#071518 rgb(7,21,24)
```
#0b2328
```
#0b2328 rgb(11,35,40)
```
#103037
```
#103037 rgb(16,48,55)
```
#143d46
```
#143d46 rgb(20,61,70)
```
#184a56
```
#184a56 rgb(24,74,86)
```
#1d5865
```
#1d5865 rgb(29,88,101)
```
#216574
```
#216574 rgb(33,101,116)
```
#257283
```
#257283 rgb(37,114,131)
```
#2a7f93
```
#2a7f93 rgb(42,127,147)
```
#2e8da2
```
#2e8da2 rgb(46,141,162)
```
#329ab1
```
#329ab1 rgb(50,154,177)
```
#37a7c1
```
#37a7c1 rgb(55,167,193)
```

Shade Color Variation

#41b0c9
```
#41b0c9 rgb(65,176,201)
```
#51b7ce
```
#51b7ce rgb(81,183,206)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#6fc3d6
```
#6fc3d6 rgb(111,195,214)
```
#7fcadb
```
#7fcadb rgb(127,202,219)
```
#8ed0df
```
#8ed0df rgb(142,208,223)
```
#9dd6e3
```
#9dd6e3 rgb(157,214,227)
```
#acdde8
```
#acdde8 rgb(172,221,232)
```
#bce3ec
```
#bce3ec rgb(188,227,236)
```
#cbe9f0
```
#cbe9f0 rgb(203,233,240)
```
#daf0f5
```
#daf0f5 rgb(218,240,245)
```
#eaf6f9
```
#eaf6f9 rgb(234,246,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979a9b is the less saturated color, while #39d6f9 is the most saturated one.

#979a9b
```
#979a9b rgb(151,154,155)
```
#8f9fa3
```
#8f9fa3 rgb(143,159,163)
```
#87a4ab
```
#87a4ab rgb(135,164,171)
```
#7fa9b3
```
#7fa9b3 rgb(127,169,179)
```
#78aeba
```
#78aeba rgb(120,174,186)
```
#70b3c2
```
#70b3c2 rgb(112,179,194)
```
#68b8ca
```
#68b8ca rgb(104,184,202)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#58c2da
```
#58c2da rgb(88,194,218)
```
#50c7e2
```
#50c7e2 rgb(80,199,226)
```
#48ccea
```
#48ccea rgb(72,204,234)
```
#41d1f1
```
#41d1f1 rgb(65,209,241)
```
#39d6f9
```
#39d6f9 rgb(57,214,249)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#96a9ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb3cc Protanopia 1% of men
#b0b0da Deuteranopia 1% of men
#65c1cf Tritanopia 0.001% of the population

Trichromacy

#92b6ce Protanomaly 1% of men, 0.01% of women
#93b5d7 Deuteranomaly 6% of men, 0.4% of women
#63bfd0 Tritanomaly 0.01% of the population

#60bdd2 hex color

#60bdd2 Color Information

#60bdd2 Color Conversion

Color Schemes with #60bdd2

Alternatives to #60bdd2

#60bdd2 Preview

Shades and Tints of #60bdd2

Tones of #60bdd2

Color Blindness Simulator