#60dff2 hex color

In a RGB color space, hex #60dff2 is composed of 37.6% red, 87.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 7.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 187.8 degrees, a saturation of 84.9% and a lightness of 66.3%. #60dff2 color hex could be obtained by blending #c0ffff with #00bfe5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 87
- B 95
RGB color chart
- C 60
- M 8
- Y 0
- K 5
CMYK color chart

● #60dff2 color description : Soft cyan.

The hexadecimal color #60dff2 has RGB values of R:96, G:223, B:242 and CMYK values of C:0.6, M:0.08, Y:0, K:0.05. Its decimal value is 6348786.

Hex triplet	60dff2	`#60dff2`
RGB Decimal	96, 223, 242	`rgb(96,223,242)`
RGB Percent	37.6, 87.5, 94.9	`rgb(37.6%,87.5%,94.9%)`
CMYK	60, 8, 0, 5
HSL	187.8°, 84.9, 66.3	`hsl(187.8,84.9%,66.3%)`
HSV (or HSB)	187.8°, 60.3, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.737, -29.548, -19.804
XYZ	47.234, 61.669, 93.414
xyY	0.233, 0.305, 61.669
CIE-LCH	82.737, 35.571, 213.831
CIE-LUV	82.737, -50.546, -27.114
Hunter-Lab	78.53, -30.063, -15.556
Binary	01100000, 11011111, 11110010

#60dff2
```
#60dff2 rgb(96,223,242)
```
#f27360
```
#f27360 rgb(242,115,96)
```

Complementary Color

#60f2bc
```
#60f2bc rgb(96,242,188)
```
#60dff2
```
#60dff2 rgb(96,223,242)
```
#6096f2
```
#6096f2 rgb(96,150,242)
```

Analogous Color

#f2bc60
```
#f2bc60 rgb(242,188,96)
```
#60dff2
```
#60dff2 rgb(96,223,242)
```
#f26096
```
#f26096 rgb(242,96,150)
```

Split Complementary Color

#dff260
```
#dff260 rgb(223,242,96)
```
#60dff2
```
#60dff2 rgb(96,223,242)
```
#f260df
```
#f260df rgb(242,96,223)
```

Triadic Color

#60f273
```
#60f273 rgb(96,242,115)
```
#60dff2
```
#60dff2 rgb(96,223,242)
```
#f260df
```
#f260df rgb(242,96,223)
```
#f27360
```
#f27360 rgb(242,115,96)
```

Tetradic Color

#19d1ec
```
#19d1ec rgb(25,209,236)
```
#31d6ee
```
#31d6ee rgb(49,214,238)
```
#48daf0
```
#48daf0 rgb(72,218,240)
```
#60dff2
```
#60dff2 rgb(96,223,242)
```
#78e4f4
```
#78e4f4 rgb(120,228,244)
```
#8fe8f6
```
#8fe8f6 rgb(143,232,246)
```
#a7edf8
```
#a7edf8 rgb(167,237,248)
```

Monochromatic Color

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

#60f2e1
```
#60f2e1 rgb(96,242,225)
```
#60f2ed
```
#60f2ed rgb(96,242,237)
```
#60ebf2
```
#60ebf2 rgb(96,235,242)
```
#60dff2
```
#60dff2 rgb(96,223,242)
```
#60d3f2
```
#60d3f2 rgb(96,211,242)
```
#60c7f2
```
#60c7f2 rgb(96,199,242)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```

Similar Colors

Text with hexadecimal color #60dff2

This text has a font color of #60dff2.

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

#60dff2 background color

This paragraph has a background color of #60dff2.

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

#60dff2 border color

This element has a border color of #60dff2.

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

CSS codes

.text {color:#60dff2;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021416
```
#021416 rgb(2,20,22)
```
#032428
```
#032428 rgb(3,36,40)
```
#05343b
```
#05343b rgb(5,52,59)
```
#06444d
```
#06444d rgb(6,68,77)
```
#08545f
```
#08545f rgb(8,84,95)
```
#096371
```
#096371 rgb(9,99,113)
```
#0b7383
```
#0b7383 rgb(11,115,131)
```
#0c8395
```
#0c8395 rgb(12,131,149)
```
#0e93a7
```
#0e93a7 rgb(14,147,167)
```
#0fa3ba
```
#0fa3ba rgb(15,163,186)
```
#11b3cc
```
#11b3cc rgb(17,179,204)
```
#12c3de
```
#12c3de rgb(18,195,222)
```

Shade Color Variation

#17d0ec
```
#17d0ec rgb(23,208,236)
```
#2ad4ee
```
#2ad4ee rgb(42,212,238)
```
#3cd8ef
```
#3cd8ef rgb(60,216,239)
```
#4edbf1
```
#4edbf1 rgb(78,219,241)
```
#60dff2
```
#60dff2 rgb(96,223,242)
```
#72e3f3
```
#72e3f3 rgb(114,227,243)
```
#84e6f5
```
#84e6f5 rgb(132,230,245)
```
#96eaf6
```
#96eaf6 rgb(150,234,246)
```
#a9eef8
```
#a9eef8 rgb(169,238,248)
```
#bbf1f9
```
#bbf1f9 rgb(187,241,249)
```
#cdf5fb
```
#cdf5fb rgb(205,245,251)
```
#dff9fc
```
#dff9fc rgb(223,249,252)
```
#f1fcfe
```
#f1fcfe rgb(241,252,254)
```

Tint Color Variation

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

#a9a9a9
```
#a9a9a9 rgb(169,169,169)
```
#a2aeb0
```
#a2aeb0 rgb(162,174,176)
```
#9cb3b6
```
#9cb3b6 rgb(156,179,182)
```
#95b8bd
```
#95b8bd rgb(149,184,189)
```
#8ebdc4
```
#8ebdc4 rgb(142,189,196)
```
#88c2ca
```
#88c2ca rgb(136,194,202)
```
#81c7d1
```
#81c7d1 rgb(129,199,209)
```
#7acbd8
```
#7acbd8 rgb(122,203,216)
```
#74d0de
```
#74d0de rgb(116,208,222)
```
#6dd5e5
```
#6dd5e5 rgb(109,213,229)
```
#67daeb
```
#67daeb rgb(103,218,235)
```
#60dff2
```
#60dff2 rgb(96,223,242)
```
#59e4f9
```
#59e4f9 rgb(89,228,249)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a9c2c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccfe8 Protanopia 1% of men
#cdccfa Deuteranopia 1% of men
#67e0f1 Tritanopia 0.001% of the population

Trichromacy

#a5d4eb Protanomaly 1% of men, 0.01% of women
#a5d3f7 Deuteranomaly 6% of men, 0.4% of women
#64e0f1 Tritanomaly 0.01% of the population

#60dff2 hex color

#60dff2 Color Information

#60dff2 Color Conversion

Color Schemes with #60dff2

Alternatives to #60dff2

#60dff2 Preview

Shades and Tints of #60dff2

Tones of #60dff2

Color Blindness Simulator