#60b4d7 hex color

In a RGB color space, hex #60b4d7 is composed of 37.6% red, 70.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 16.3% magenta, 0% yellow and 15.7% black. It has a hue angle of 197.6 degrees, a saturation of 59.8% and a lightness of 61%. #60b4d7 color hex could be obtained by blending #c0ffff with #0069af. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 71
- B 84
RGB color chart
- C 55
- M 16
- Y 0
- K 16
CMYK color chart

● #60b4d7 color description : Moderate blue.

The hexadecimal color #60b4d7 has RGB values of R:96, G:180, B:215 and CMYK values of C:0.55, M:0.16, Y:0, K:0.16. Its decimal value is 6337751.

Hex triplet	60b4d7	`#60b4d7`
RGB Decimal	96, 180, 215	`rgb(96,180,215)`
RGB Percent	37.6, 70.6, 84.3	`rgb(37.6%,70.6%,84.3%)`
CMYK	55, 16, 0, 16
HSL	197.6°, 59.8, 61	`hsl(197.6,59.8%,61%)`
HSV (or HSB)	197.6°, 55.3, 84.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.493, -15.642, -25.419
XYZ	33.408, 40.033, 70.253
xyY	0.232, 0.279, 40.033
CIE-LCH	69.493, 29.847, 238.393
CIE-LUV	69.493, -35.806, -37.742
Hunter-Lab	63.272, -16.477, -21.541
Binary	01100000, 10110100, 11010111

#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#d78360
```
#d78360 rgb(215,131,96)
```

Complementary Color

#60d7bf
```
#60d7bf rgb(96,215,191)
```
#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#6079d7
```
#6079d7 rgb(96,121,215)
```

Analogous Color

#d7bf60
```
#d7bf60 rgb(215,191,96)
```
#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#d76079
```
#d76079 rgb(215,96,121)
```

Split Complementary Color

#b4d760
```
#b4d760 rgb(180,215,96)
```
#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#d760b4
```
#d760b4 rgb(215,96,180)
```

Triadic Color

#60d783
```
#60d783 rgb(96,215,131)
```
#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#d760b4
```
#d760b4 rgb(215,96,180)
```
#d78360
```
#d78360 rgb(215,131,96)
```

Tetradic Color

#2f92bb
```
#2f92bb rgb(47,146,187)
```
#37a1cd
```
#37a1cd rgb(55,161,205)
```
#4caad2
```
#4caad2 rgb(76,170,210)
```
#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#74bedc
```
#74bedc rgb(116,190,220)
```
#89c7e1
```
#89c7e1 rgb(137,199,225)
```
#9dd1e6
```
#9dd1e6 rgb(157,209,230)
```

Monochromatic Color

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

#60d2d7
```
#60d2d7 rgb(96,210,215)
```
#60c8d7
```
#60c8d7 rgb(96,200,215)
```
#60bed7
```
#60bed7 rgb(96,190,215)
```
#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#60aad7
```
#60aad7 rgb(96,170,215)
```
#60a0d7
```
#60a0d7 rgb(96,160,215)
```
#6096d7
```
#6096d7 rgb(96,150,215)
```

Similar Colors

Text with hexadecimal color #60b4d7

This text has a font color of #60b4d7.

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

#60b4d7 background color

This paragraph has a background color of #60b4d7.

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

#60b4d7 border color

This element has a border color of #60b4d7.

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

CSS codes

.text {color:#60b4d7;}

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

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

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, #030a0d is the darkest color, while #fdfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#07171d
```
#07171d rgb(7,23,29)
```
#0b232d
```
#0b232d rgb(11,35,45)
```
#0f2f3c
```
#0f2f3c rgb(15,47,60)
```
#133b4c
```
#133b4c rgb(19,59,76)
```
#17485c
```
#17485c rgb(23,72,92)
```
#1b546b
```
#1b546b rgb(27,84,107)
```
#1f607b
```
#1f607b rgb(31,96,123)
```
#236c8b
```
#236c8b rgb(35,108,139)
```
#27789a
```
#27789a rgb(39,120,154)
```
#2b85aa
```
#2b85aa rgb(43,133,170)
```
#2f91ba
```
#2f91ba rgb(47,145,186)
```
#339dc9
```
#339dc9 rgb(51,157,201)
```

Shade Color Variation

#41a5cf
```
#41a5cf rgb(65,165,207)
```
#50add3
```
#50add3 rgb(80,173,211)
```
#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#70bbdb
```
#70bbdb rgb(112,187,219)
```
#7fc3df
```
#7fc3df rgb(127,195,223)
```
#8fcae3
```
#8fcae3 rgb(143,202,227)
```
#9fd2e7
```
#9fd2e7 rgb(159,210,231)
```
#aed9eb
```
#aed9eb rgb(174,217,235)
```
#bee0ef
```
#bee0ef rgb(190,224,239)
```
#cee8f3
```
#cee8f3 rgb(206,232,243)
```
#ddeff7
```
#ddeff7 rgb(221,239,247)
```
#edf7fa
```
#edf7fa rgb(237,247,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969ea1 is the less saturated color, while #3ac4fd is the most saturated one.

#969ea1
```
#969ea1 rgb(150,158,161)
```
#8ea1a9
```
#8ea1a9 rgb(142,161,169)
```
#86a4b1
```
#86a4b1 rgb(134,164,177)
```
#7fa7b8
```
#7fa7b8 rgb(127,167,184)
```
#77abc0
```
#77abc0 rgb(119,171,192)
```
#6faec8
```
#6faec8 rgb(111,174,200)
```
#68b1cf
```
#68b1cf rgb(104,177,207)
```
#60b4d7
```
#60b4d7 rgb(96,180,215)
```
#58b7df
```
#58b7df rgb(88,183,223)
```
#51bae6
```
#51bae6 rgb(81,186,230)
```
#49bdee
```
#49bdee rgb(73,189,238)
```
#41c1f6
```
#41c1f6 rgb(65,193,246)
```
#3ac4fd
```
#3ac4fd rgb(58,196,253)
```

Tone Color Variation

Below, you can see how #60b4d7 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
#92a3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5acd1 Protanopia 1% of men
#a3abdd Deuteranopia 1% of men
#60bac8 Tritanopia 0.001% of the population

Trichromacy

#8bafd3 Protanomaly 1% of men, 0.01% of women
#8aaedb Deuteranomaly 6% of men, 0.4% of women
#60b8cd Tritanomaly 0.01% of the population

#60b4d7 hex color

#60b4d7 Color Information

#60b4d7 Color Conversion

Color Schemes with #60b4d7

Alternatives to #60b4d7

#60b4d7 Preview

Shades and Tints of #60b4d7

Tones of #60b4d7

Color Blindness Simulator