#60d1ee hex color

In a RGB color space, hex #60d1ee is composed of 37.6% red, 82% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 12.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 192.3 degrees, a saturation of 80.7% and a lightness of 65.5%. #60d1ee color hex could be obtained by blending #c0ffff with #00a3dd. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 82
- B 93
RGB color chart
- C 60
- M 12
- Y 0
- K 7
CMYK color chart

● #60d1ee color description : Soft cyan.

The hexadecimal color #60d1ee has RGB values of R:96, G:209, B:238 and CMYK values of C:0.6, M:0.12, Y:0, K:0.07. Its decimal value is 6345198.

Hex triplet	60d1ee	`#60d1ee`
RGB Decimal	96, 209, 238	`rgb(96,209,238)`
RGB Percent	37.6, 82, 93.3	`rgb(37.6%,82%,93.3%)`
CMYK	60, 12, 0, 7
HSL	192.3°, 80.7, 65.5	`hsl(192.3,80.7%,65.5%)`
HSV (or HSB)	192.3°, 59.7, 93.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.612, -23.815, -23.937
XYZ	43.053, 54.258, 89.088
xyY	0.231, 0.291, 54.258
CIE-LCH	78.612, 33.766, 225.147
CIE-LUV	78.612, -45.632, -34.705
Hunter-Lab	73.66, -24.574, -20.147
Binary	01100000, 11010001, 11101110

#60d1ee
```
#60d1ee rgb(96,209,238)
```
#ee7d60
```
#ee7d60 rgb(238,125,96)
```

Complementary Color

#60eec4
```
#60eec4 rgb(96,238,196)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#608aee
```
#608aee rgb(96,138,238)
```

Analogous Color

#eec460
```
#eec460 rgb(238,196,96)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#ee608a
```
#ee608a rgb(238,96,138)
```

Split Complementary Color

#d1ee60
```
#d1ee60 rgb(209,238,96)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#ee60d1
```
#ee60d1 rgb(238,96,209)
```

Triadic Color

#60ee7d
```
#60ee7d rgb(96,238,125)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#ee60d1
```
#ee60d1 rgb(238,96,209)
```
#ee7d60
```
#ee7d60 rgb(238,125,96)
```

Tetradic Color

#1bbde7
```
#1bbde7 rgb(27,189,231)
```
#32c4e9
```
#32c4e9 rgb(50,196,233)
```
#49caec
```
#49caec rgb(73,202,236)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#77d8f0
```
#77d8f0 rgb(119,216,240)
```
#8edef3
```
#8edef3 rgb(142,222,243)
```
#a5e5f5
```
#a5e5f5 rgb(165,229,245)
```

Monochromatic Color

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

#60eee8
```
#60eee8 rgb(96,238,232)
```
#60e9ee
```
#60e9ee rgb(96,233,238)
```
#60ddee
```
#60ddee rgb(96,221,238)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#60c5ee
```
#60c5ee rgb(96,197,238)
```
#60b9ee
```
#60b9ee rgb(96,185,238)
```
#60aeee
```
#60aeee rgb(96,174,238)
```

Similar Colors

Text with hexadecimal color #60d1ee

This text has a font color of #60d1ee.

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

#60d1ee background color

This paragraph has a background color of #60d1ee.

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

#60d1ee border color

This element has a border color of #60d1ee.

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

CSS codes

.text {color:#60d1ee;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020f12
```
#020f12 rgb(2,15,18)
```
#041d24
```
#041d24 rgb(4,29,36)
```
#062c36
```
#062c36 rgb(6,44,54)
```
#083a47
```
#083a47 rgb(8,58,71)
```
#0a4959
```
#0a4959 rgb(10,73,89)
```
#0b576b
```
#0b576b rgb(11,87,107)
```
#0d667d
```
#0d667d rgb(13,102,125)
```
#0f748e
```
#0f748e rgb(15,116,142)
```
#1183a0
```
#1183a0 rgb(17,131,160)
```
#1391b2
```
#1391b2 rgb(19,145,178)
```
#15a0c3
```
#15a0c3 rgb(21,160,195)
```
#17aed5
```
#17aed5 rgb(23,174,213)
```

Shade Color Variation

#19bce6
```
#19bce6 rgb(25,188,230)
```
#2bc2e8
```
#2bc2e8 rgb(43,194,232)
```
#3dc7ea
```
#3dc7ea rgb(61,199,234)
```
#4eccec
```
#4eccec rgb(78,204,236)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#72d6f0
```
#72d6f0 rgb(114,214,240)
```
#83dbf2
```
#83dbf2 rgb(131,219,242)
```
#95e0f4
```
#95e0f4 rgb(149,224,244)
```
#a7e6f6
```
#a7e6f6 rgb(167,230,246)
```
#b9ebf7
```
#b9ebf7 rgb(185,235,247)
```
#caf0f9
```
#caf0f9 rgb(202,240,249)
```
#dcf5fb
```
#dcf5fb rgb(220,245,251)
```
#eefafd
```
#eefafd rgb(238,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a9aa is the less saturated color, while #52d9fc is the most saturated one.

#a4a9aa
```
#a4a9aa rgb(164,169,170)
```
#9dadb1
```
#9dadb1 rgb(157,173,177)
```
#96b1b8
```
#96b1b8 rgb(150,177,184)
```
#8fb5bf
```
#8fb5bf rgb(143,181,191)
```
#89b9c5
```
#89b9c5 rgb(137,185,197)
```
#82bdcc
```
#82bdcc rgb(130,189,204)
```
#7bc1d3
```
#7bc1d3 rgb(123,193,211)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#6ec9e0
```
#6ec9e0 rgb(110,201,224)
```
#67cde7
```
#67cde7 rgb(103,205,231)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#59d5f5
```
#59d5f5 rgb(89,213,245)
```
#52d9fc
```
#52d9fc rgb(82,217,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a2b9bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec4e5 Protanopia 1% of men
#bdc2f5 Deuteranopia 1% of men
#62d5e4 Tritanopia 0.001% of the population

Trichromacy

#9cc8e8 Protanomaly 1% of men, 0.01% of women
#9bc7f2 Deuteranomaly 6% of men, 0.4% of women
#61d3e8 Tritanomaly 0.01% of the population

#60d1ee hex color

#60d1ee Color Information

#60d1ee Color Conversion

Color Schemes with #60d1ee

Alternatives to #60d1ee

#60d1ee Preview

Shades and Tints of #60d1ee

Tones of #60d1ee

Color Blindness Simulator