#60caf9 hex color

In a RGB color space, hex #60caf9 is composed of 37.6% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 198.4 degrees, a saturation of 92.7% and a lightness of 67.6%. #60caf9 color hex could be obtained by blending #c0ffff with #0095f3. Closest websafe color is: #66ccff.

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

● #60caf9 color description : Soft blue.

The hexadecimal color #60caf9 has RGB values of R:96, G:202, B:249 and CMYK values of C:0.61, M:0.19, Y:0, K:0.02. Its decimal value is 6343417.

Hex triplet	60caf9	`#60caf9`
RGB Decimal	96, 202, 249	`rgb(96,202,249)`
RGB Percent	37.6, 79.2, 97.6	`rgb(37.6%,79.2%,97.6%)`
CMYK	61, 19, 0, 2
HSL	198.4°, 92.7, 67.6	`hsl(198.4,92.7%,67.6%)`
HSV (or HSB)	198.4°, 61.4, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.02, -16.994, -32.263
XYZ	43.039, 51.564, 97.302
xyY	0.224, 0.269, 51.564
CIE-LCH	77.02, 36.465, 242.224
CIE-LUV	77.02, -42.575, -49.71
Hunter-Lab	71.808, -18.679, -30.074
Binary	01100000, 11001010, 11111001

#60caf9
```
#60caf9 rgb(96,202,249)
```
#f98f60
```
#f98f60 rgb(249,143,96)
```

Complementary Color

#60f9dc
```
#60f9dc rgb(96,249,220)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```
#607ef9
```
#607ef9 rgb(96,126,249)
```

Analogous Color

#f9dc60
```
#f9dc60 rgb(249,220,96)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```
#f9607e
```
#f9607e rgb(249,96,126)
```

Split Complementary Color

#caf960
```
#caf960 rgb(202,249,96)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```
#f960ca
```
#f960ca rgb(249,96,202)
```

Triadic Color

#60f98f
```
#60f98f rgb(96,249,143)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```
#f960ca
```
#f960ca rgb(249,96,202)
```
#f98f60
```
#f98f60 rgb(249,143,96)
```

Tetradic Color

#16b1f6
```
#16b1f6 rgb(22,177,246)
```
#2fbaf7
```
#2fbaf7 rgb(47,186,247)
```
#47c2f8
```
#47c2f8 rgb(71,194,248)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```
#79d2fa
```
#79d2fa rgb(121,210,250)
```
#91dafb
```
#91dafb rgb(145,218,251)
```
#aae3fc
```
#aae3fc rgb(170,227,252)
```

Monochromatic Color

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

#60f0f9
```
#60f0f9 rgb(96,240,249)
```
#60e4f9
```
#60e4f9 rgb(96,228,249)
```
#60d7f9
```
#60d7f9 rgb(96,215,249)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```
#60bdf9
```
#60bdf9 rgb(96,189,249)
```
#60b1f9
```
#60b1f9 rgb(96,177,249)
```
#60a4f9
```
#60a4f9 rgb(96,164,249)
```

Similar Colors

Text with hexadecimal color #60caf9

This text has a font color of #60caf9.

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

#60caf9 background color

This paragraph has a background color of #60caf9.

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

#60caf9 border color

This element has a border color of #60caf9.

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

CSS codes

.text {color:#60caf9;}

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

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

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, #00080b is the darkest color, while #f7fcff is the lightest one.

#00080b
```
#00080b rgb(0,8,11)
```
#01151e
```
#01151e rgb(1,21,30)
```
#022231
```
#022231 rgb(2,34,49)
```
#033044
```
#033044 rgb(3,48,68)
```
#033d57
```
#033d57 rgb(3,61,87)
```
#044a6a
```
#044a6a rgb(4,74,106)
```
#05587d
```
#05587d rgb(5,88,125)
```
#05658f
```
#05658f rgb(5,101,143)
```
#0672a2
```
#0672a2 rgb(6,114,162)
```
#0780b5
```
#0780b5 rgb(7,128,181)
```
#088dc8
```
#088dc8 rgb(8,141,200)
```
#089adb
```
#089adb rgb(8,154,219)
```
#09a8ee
```
#09a8ee rgb(9,168,238)
```

Shade Color Variation

#14b1f6
```
#14b1f6 rgb(20,177,246)
```
#27b7f7
```
#27b7f7 rgb(39,183,247)
```
#3abdf8
```
#3abdf8 rgb(58,189,248)
```
#4dc4f8
```
#4dc4f8 rgb(77,196,248)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```
#73d0fa
```
#73d0fa rgb(115,208,250)
```
#86d7fa
```
#86d7fa rgb(134,215,250)
```
#99ddfb
```
#99ddfb rgb(153,221,251)
```
#ace3fc
```
#ace3fc rgb(172,227,252)
```
#bfeafd
```
#bfeafd rgb(191,234,253)
```
#d1f0fd
```
#d1f0fd rgb(209,240,253)
```
#e4f6fe
```
#e4f6fe rgb(228,246,254)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#acadad
```
#acadad rgb(172,173,173)
```
#a6afb3
```
#a6afb3 rgb(166,175,179)
```
#9fb2ba
```
#9fb2ba rgb(159,178,186)
```
#99b4c0
```
#99b4c0 rgb(153,180,192)
```
#93b6c6
```
#93b6c6 rgb(147,182,198)
```
#8cb9cd
```
#8cb9cd rgb(140,185,205)
```
#86bbd3
```
#86bbd3 rgb(134,187,211)
```
#80bed9
```
#80bed9 rgb(128,190,217)
```
#79c0e0
```
#79c0e0 rgb(121,192,224)
```
#73c3e6
```
#73c3e6 rgb(115,195,230)
```
#6dc5ec
```
#6dc5ec rgb(109,197,236)
```
#66c8f3
```
#66c8f3 rgb(102,200,243)
```
#60caf9
```
#60caf9 rgb(96,202,249)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a0b5bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bff0 Protanopia 1% of men
#aebffe Deuteranopia 1% of men
#59d1e0 Tritanopia 0.001% of the population

Trichromacy

#95c3f3 Protanomaly 1% of men, 0.01% of women
#92c3fc Deuteranomaly 6% of men, 0.4% of women
#5bcee9 Tritanomaly 0.01% of the population

#60caf9 hex color

#60caf9 Color Information

#60caf9 Color Conversion

Color Schemes with #60caf9

Alternatives to #60caf9

#60caf9 Preview

Shades and Tints of #60caf9

Tones of #60caf9

Color Blindness Simulator