#60c3f0 hex color

In a RGB color space, hex #60c3f0 is composed of 37.6% red, 76.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 18.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 198.8 degrees, a saturation of 82.8% and a lightness of 65.9%. #60c3f0 color hex could be obtained by blending #c0ffff with #0087e1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 76
- B 94
RGB color chart
- C 60
- M 19
- Y 0
- K 6
CMYK color chart

● #60c3f0 color description : Soft blue.

The hexadecimal color #60c3f0 has RGB values of R:96, G:195, B:240 and CMYK values of C:0.6, M:0.19, Y:0, K:0.06. Its decimal value is 6341616.

Hex triplet	60c3f0	`#60c3f0`
RGB Decimal	96, 195, 240	`rgb(96,195,240)`
RGB Percent	37.6, 76.5, 94.1	`rgb(37.6%,76.5%,94.1%)`
CMYK	60, 19, 0, 6
HSL	198.8°, 82.8, 65.9	`hsl(198.8,82.8%,65.9%)`
HSV (or HSB)	198.8°, 60, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.702, -16.065, -31
XYZ	40.063, 47.805, 89.549
xyY	0.226, 0.269, 47.805
CIE-LCH	74.702, 34.916, 242.605
CIE-LUV	74.702, -40.415, -47.494
Hunter-Lab	69.141, -17.568, -28.391
Binary	01100000, 11000011, 11110000

#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#f08d60
```
#f08d60 rgb(240,141,96)
```

Complementary Color

#60f0d5
```
#60f0d5 rgb(96,240,213)
```
#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#607bf0
```
#607bf0 rgb(96,123,240)
```

Analogous Color

#f0d560
```
#f0d560 rgb(240,213,96)
```
#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#f0607b
```
#f0607b rgb(240,96,123)
```

Split Complementary Color

#c3f060
```
#c3f060 rgb(195,240,96)
```
#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#f060c3
```
#f060c3 rgb(240,96,195)
```

Triadic Color

#60f08d
```
#60f08d rgb(96,240,141)
```
#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#f060c3
```
#f060c3 rgb(240,96,195)
```
#f08d60
```
#f08d60 rgb(240,141,96)
```

Tetradic Color

#1aa9e9
```
#1aa9e9 rgb(26,169,233)
```
#31b1ec
```
#31b1ec rgb(49,177,236)
```
#49baee
```
#49baee rgb(73,186,238)
```
#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#77ccf2
```
#77ccf2 rgb(119,204,242)
```
#8fd5f4
```
#8fd5f4 rgb(143,213,244)
```
#a6ddf7
```
#a6ddf7 rgb(166,221,247)
```

Monochromatic Color

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

#60e7f0
```
#60e7f0 rgb(96,231,240)
```
#60dbf0
```
#60dbf0 rgb(96,219,240)
```
#60cff0
```
#60cff0 rgb(96,207,240)
```
#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#60b7f0
```
#60b7f0 rgb(96,183,240)
```
#60abf0
```
#60abf0 rgb(96,171,240)
```
#609ff0
```
#609ff0 rgb(96,159,240)
```

Similar Colors

Text with hexadecimal color #60c3f0

This text has a font color of #60c3f0.

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

#60c3f0 background color

This paragraph has a background color of #60c3f0.

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

#60c3f0 border color

This element has a border color of #60c3f0.

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

CSS codes

.text {color:#60c3f0;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#020f14
```
#020f14 rgb(2,15,20)
```
#041b26
```
#041b26 rgb(4,27,38)
```
#052838
```
#052838 rgb(5,40,56)
```
#07354a
```
#07354a rgb(7,53,74)
```
#09425c
```
#09425c rgb(9,66,92)
```
#0a4f6e
```
#0a4f6e rgb(10,79,110)
```
#0c5c80
```
#0c5c80 rgb(12,92,128)
```
#0e6892
```
#0e6892 rgb(14,104,146)
```
#0f75a4
```
#0f75a4 rgb(15,117,164)
```
#1182b6
```
#1182b6 rgb(17,130,182)
```
#138fc7
```
#138fc7 rgb(19,143,199)
```
#159cd9
```
#159cd9 rgb(21,156,217)
```

Shade Color Variation

#18a8e9
```
#18a8e9 rgb(24,168,233)
```
#2aafeb
```
#2aafeb rgb(42,175,235)
```
#3cb5ed
```
#3cb5ed rgb(60,181,237)
```
#4ebcee
```
#4ebcee rgb(78,188,238)
```
#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#72caf2
```
#72caf2 rgb(114,202,242)
```
#84d1f3
```
#84d1f3 rgb(132,209,243)
```
#96d7f5
```
#96d7f5 rgb(150,215,245)
```
#a8def7
```
#a8def7 rgb(168,222,247)
```
#bae5f8
```
#bae5f8 rgb(186,229,248)
```
#ccecfa
```
#ccecfa rgb(204,236,250)
```
#ddf2fc
```
#ddf2fc rgb(221,242,252)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

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

#a3aaad
```
#a3aaad rgb(163,170,173)
```
#9cacb4
```
#9cacb4 rgb(156,172,180)
```
#96afba
```
#96afba rgb(150,175,186)
```
#8fb1c1
```
#8fb1c1 rgb(143,177,193)
```
#88b4c8
```
#88b4c8 rgb(136,180,200)
```
#81b6cf
```
#81b6cf rgb(129,182,207)
```
#7bb9d5
```
#7bb9d5 rgb(123,185,213)
```
#74bbdc
```
#74bbdc rgb(116,187,220)
```
#6dbee3
```
#6dbee3 rgb(109,190,227)
```
#67c0e9
```
#67c0e9 rgb(103,192,233)
```
#60c3f0
```
#60c3f0 rgb(96,195,240)
```
#59c6f7
```
#59c6f7 rgb(89,198,247)
```
#53c8fd
```
#53c8fd rgb(83,200,253)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9cb0b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb9e8 Protanopia 1% of men
#aab9f5 Deuteranopia 1% of men
#5acad9 Tritanopia 0.001% of the population

Trichromacy

#92bdeb Protanomaly 1% of men, 0.01% of women
#8fbcf3 Deuteranomaly 6% of men, 0.4% of women
#5cc7e1 Tritanomaly 0.01% of the population

#60c3f0 hex color

#60c3f0 Color Information

#60c3f0 Color Conversion

Color Schemes with #60c3f0

Alternatives to #60c3f0

#60c3f0 Preview

Shades and Tints of #60c3f0

Tones of #60c3f0

Color Blindness Simulator