#60faf9 hex color

In a RGB color space, hex #60faf9 is composed of 37.6% red, 98% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 0% magenta, 0.4% yellow and 2% black. It has a hue angle of 179.6 degrees, a saturation of 93.9% and a lightness of 67.8%. #60faf9 color hex could be obtained by blending #c0ffff with #00f5f3. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 38
- G 98
- B 98
RGB color chart
- C 62
- M 0
- Y 0
- K 2
CMYK color chart

● #60faf9 color description : Soft cyan.

The hexadecimal color #60faf9 has RGB values of R:96, G:250, B:249 and CMYK values of C:0.62, M:0, Y:0, K:0.02. Its decimal value is 6355705.

Hex triplet	60faf9	`#60faf9`
RGB Decimal	96, 250, 249	`rgb(96,250,249)`
RGB Percent	37.6, 98, 97.6	`rgb(37.6%,98%,97.6%)`
CMYK	62, 0, 0, 2
HSL	179.6°, 93.9, 67.8	`hsl(179.6,93.9%,67.8%)`
HSV (or HSB)	179.6°, 61.6, 98
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.64, -40.229, -11.613
XYZ	56.103, 77.693, 101.657
xyY	0.238, 0.33, 77.693
CIE-LCH	90.64, 41.872, 196.101
CIE-LUV	90.64, -59.888, -12.091
Hunter-Lab	88.144, -40.636, -6.679
Binary	01100000, 11111010, 11111001

#60faf9
```
#60faf9 rgb(96,250,249)
```
#fa6061
```
#fa6061 rgb(250,96,97)
```

Complementary Color

#60faac
```
#60faac rgb(96,250,172)
```
#60faf9
```
#60faf9 rgb(96,250,249)
```
#60aefa
```
#60aefa rgb(96,174,250)
```

Analogous Color

#faac60
```
#faac60 rgb(250,172,96)
```
#60faf9
```
#60faf9 rgb(96,250,249)
```
#fa60ae
```
#fa60ae rgb(250,96,174)
```

Split Complementary Color

#faf960
```
#faf960 rgb(250,249,96)
```
#60faf9
```
#60faf9 rgb(96,250,249)
```
#f960fa
```
#f960fa rgb(249,96,250)
```

Triadic Color

#61fa60
```
#61fa60 rgb(97,250,96)
```
#60faf9
```
#60faf9 rgb(96,250,249)
```
#f960fa
```
#f960fa rgb(249,96,250)
```
#fa6061
```
#fa6061 rgb(250,96,97)
```

Tetradic Color

#16f8f6
```
#16f8f6 rgb(22,248,246)
```
#2ff8f7
```
#2ff8f7 rgb(47,248,247)
```
#47f9f8
```
#47f9f8 rgb(71,249,248)
```
#60faf9
```
#60faf9 rgb(96,250,249)
```
#79fbfa
```
#79fbfa rgb(121,251,250)
```
#91fcfb
```
#91fcfb rgb(145,252,251)
```
#aafcfc
```
#aafcfc rgb(170,252,252)
```

Monochromatic Color

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

#60fad3
```
#60fad3 rgb(96,250,211)
```
#60fadf
```
#60fadf rgb(96,250,223)
```
#60faec
```
#60faec rgb(96,250,236)
```
#60faf9
```
#60faf9 rgb(96,250,249)
```
#60eefa
```
#60eefa rgb(96,238,250)
```
#60e1fa
```
#60e1fa rgb(96,225,250)
```
#60d5fa
```
#60d5fa rgb(96,213,250)
```

Similar Colors

Text with hexadecimal color #60faf9

This text has a font color of #60faf9.

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

#60faf9 background color

This paragraph has a background color of #60faf9.

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

#60faf9 border color

This element has a border color of #60faf9.

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

CSS codes

.text {color:#60faf9;}

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

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

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, #000c0c is the darkest color, while #f8ffff is the lightest one.

#000c0c
```
#000c0c rgb(0,12,12)
```
#011f1f
```
#011f1f rgb(1,31,31)
```
#023232
```
#023232 rgb(2,50,50)
```
#024545
```
#024545 rgb(2,69,69)
```
#035858
```
#035858 rgb(3,88,88)
```
#036b6b
```
#036b6b rgb(3,107,107)
```
#047e7d
```
#047e7d rgb(4,126,125)
```
#059190
```
#059190 rgb(5,145,144)
```
#05a4a3
```
#05a4a3 rgb(5,164,163)
```
#06b7b6
```
#06b7b6 rgb(6,183,182)
```
#06cac9
```
#06cac9 rgb(6,202,201)
```
#07dddc
```
#07dddc rgb(7,221,220)
```
#08f0ef
```
#08f0ef rgb(8,240,239)
```

Shade Color Variation

#14f8f6
```
#14f8f6 rgb(20,248,246)
```
#27f8f7
```
#27f8f7 rgb(39,248,247)
```
#3af9f8
```
#3af9f8 rgb(58,249,248)
```
#4df9f8
```
#4df9f8 rgb(77,249,248)
```
#60faf9
```
#60faf9 rgb(96,250,249)
```
#73fbfa
```
#73fbfa rgb(115,251,250)
```
#86fbfa
```
#86fbfa rgb(134,251,250)
```
#99fcfb
```
#99fcfb rgb(153,252,251)
```
#acfcfc
```
#acfcfc rgb(172,252,252)
```
#bffdfd
```
#bffdfd rgb(191,253,253)
```
#d2fefd
```
#d2fefd rgb(210,254,253)
```
#e5fefe
```
#e5fefe rgb(229,254,254)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

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

#acaeae
```
#acaeae rgb(172,174,174)
```
#a5b5b5
```
#a5b5b5 rgb(165,181,181)
```
#9fbbbb
```
#9fbbbb rgb(159,187,187)
```
#99c1c1
```
#99c1c1 rgb(153,193,193)
```
#92c8c7
```
#92c8c7 rgb(146,200,199)
```
#8ccecd
```
#8ccecd rgb(140,206,205)
```
#86d4d4
```
#86d4d4 rgb(134,212,212)
```
#80dada
```
#80dada rgb(128,218,218)
```
#79e1e0
```
#79e1e0 rgb(121,225,224)
```
#73e7e6
```
#73e7e6 rgb(115,231,230)
```
#6deded
```
#6deded rgb(109,237,237)
```
#66f4f3
```
#66f4f3 rgb(102,244,243)
```
#60faf9
```
#60faf9 rgb(96,250,249)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#b6d5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e4ed Protanopia 1% of men
#ebe0ff Deuteranopia 1% of men
#a3f2ff Tritanopia 0.001% of the population

Trichromacy

#b5ecf1 Protanomaly 1% of men, 0.01% of women
#b8eafc Deuteranomaly 6% of men, 0.4% of women
#8bf4fc Tritanomaly 0.01% of the population

#60faf9 hex color

#60faf9 Color Information

#60faf9 Color Conversion

Color Schemes with #60faf9

Alternatives to #60faf9

#60faf9 Preview

Shades and Tints of #60faf9

Tones of #60faf9

Color Blindness Simulator