#60b9fa hex color

In a RGB color space, hex #60b9fa is composed of 37.6% red, 72.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 26% magenta, 0% yellow and 2% black. It has a hue angle of 205.3 degrees, a saturation of 93.9% and a lightness of 67.8%. #60b9fa color hex could be obtained by blending #c0ffff with #0073f5. Closest websafe color is: #66ccff.

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

● #60b9fa color description : Soft blue.

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

Hex triplet	60b9fa	`#60b9fa`
RGB Decimal	96, 185, 250	`rgb(96,185,250)`
RGB Percent	37.6, 72.5, 98	`rgb(37.6%,72.5%,98%)`
CMYK	62, 26, 0, 2
HSL	205.3°, 93.9, 67.8	`hsl(205.3,93.9%,67.8%)`
HSV (or HSB)	205.3°, 61.6, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.285, -7.65, -40.14
XYZ	39.424, 44.084, 96.869
xyY	0.219, 0.244, 44.084
CIE-LCH	72.285, 40.863, 259.21
CIE-LUV	72.285, -36.421, -63.988
Hunter-Lab	66.396, -10.205, -40.024
Binary	01100000, 10111001, 11111010

#60b9fa
```
#60b9fa rgb(96,185,250)
```
#faa160
```
#faa160 rgb(250,161,96)
```

Complementary Color

#60faee
```
#60faee rgb(96,250,238)
```
#60b9fa
```
#60b9fa rgb(96,185,250)
```
#606cfa
```
#606cfa rgb(96,108,250)
```

Analogous Color

#faee60
```
#faee60 rgb(250,238,96)
```
#60b9fa
```
#60b9fa rgb(96,185,250)
```
#fa606c
```
#fa606c rgb(250,96,108)
```

Split Complementary Color

#b9fa60
```
#b9fa60 rgb(185,250,96)
```
#60b9fa
```
#60b9fa rgb(96,185,250)
```
#fa60b9
```
#fa60b9 rgb(250,96,185)
```

Triadic Color

#60faa1
```
#60faa1 rgb(96,250,161)
```
#60b9fa
```
#60b9fa rgb(96,185,250)
```
#fa60b9
```
#fa60b9 rgb(250,96,185)
```
#faa160
```
#faa160 rgb(250,161,96)
```

Tetradic Color

#1698f8
```
#1698f8 rgb(22,152,248)
```
#2fa3f8
```
#2fa3f8 rgb(47,163,248)
```
#47aef9
```
#47aef9 rgb(71,174,249)
```
#60b9fa
```
#60b9fa rgb(96,185,250)
```
#79c4fb
```
#79c4fb rgb(121,196,251)
```
#91cffc
```
#91cffc rgb(145,207,252)
```
#aadafc
```
#aadafc rgb(170,218,252)
```

Monochromatic Color

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

#60e0fa
```
#60e0fa rgb(96,224,250)
```
#60d3fa
```
#60d3fa rgb(96,211,250)
```
#60c6fa
```
#60c6fa rgb(96,198,250)
```
#60b9fa
```
#60b9fa rgb(96,185,250)
```
#60acfa
```
#60acfa rgb(96,172,250)
```
#609ffa
```
#609ffa rgb(96,159,250)
```
#6093fa
```
#6093fa rgb(96,147,250)
```

Similar Colors

Text with hexadecimal color #60b9fa

This text has a font color of #60b9fa.

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

#60b9fa background color

This paragraph has a background color of #60b9fa.

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

#60b9fa border color

This element has a border color of #60b9fa.

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

CSS codes

.text {color:#60b9fa;}

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

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

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, #00070c is the darkest color, while #f8fcff is the lightest one.

#00070c
```
#00070c rgb(0,7,12)
```
#01121f
```
#01121f rgb(1,18,31)
```
#021e32
```
#021e32 rgb(2,30,50)
```
#022945
```
#022945 rgb(2,41,69)
```
#033458
```
#033458 rgb(3,52,88)
```
#033f6b
```
#033f6b rgb(3,63,107)
```
#044b7e
```
#044b7e rgb(4,75,126)
```
#055691
```
#055691 rgb(5,86,145)
```
#0561a4
```
#0561a4 rgb(5,97,164)
```
#066cb7
```
#066cb7 rgb(6,108,183)
```
#0678ca
```
#0678ca rgb(6,120,202)
```
#0783dd
```
#0783dd rgb(7,131,221)
```
#088ef0
```
#088ef0 rgb(8,142,240)
```

Shade Color Variation

#1498f8
```
#1498f8 rgb(20,152,248)
```
#27a0f8
```
#27a0f8 rgb(39,160,248)
```
#3aa8f9
```
#3aa8f9 rgb(58,168,249)
```
#4db1f9
```
#4db1f9 rgb(77,177,249)
```
#60b9fa
```
#60b9fa rgb(96,185,250)
```
#73c1fb
```
#73c1fb rgb(115,193,251)
```
#86cafb
```
#86cafb rgb(134,202,251)
```
#99d2fc
```
#99d2fc rgb(153,210,252)
```
#acdafc
```
#acdafc rgb(172,218,252)
```
#bfe3fd
```
#bfe3fd rgb(191,227,253)
```
#d2ebfe
```
#d2ebfe rgb(210,235,254)
```
#e5f4fe
```
#e5f4fe rgb(229,244,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#acadae
```
#acadae rgb(172,173,174)
```
#a5aeb5
```
#a5aeb5 rgb(165,174,181)
```
#9fafbb
```
#9fafbb rgb(159,175,187)
```
#99b0c1
```
#99b0c1 rgb(153,176,193)
```
#92b1c8
```
#92b1c8 rgb(146,177,200)
```
#8cb2ce
```
#8cb2ce rgb(140,178,206)
```
#86b3d4
```
#86b3d4 rgb(134,179,212)
```
#80b4da
```
#80b4da rgb(128,180,218)
```
#79b5e1
```
#79b5e1 rgb(121,181,225)
```
#73b6e7
```
#73b6e7 rgb(115,182,231)
```
#6db7ed
```
#6db7ed rgb(109,183,237)
```
#66b8f4
```
#66b8f4 rgb(102,184,244)
```
#60b9fa
```
#60b9fa rgb(96,185,250)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#98aab7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b3f3 Protanopia 1% of men
#96b4fd Deuteranopia 1% of men
#4fc4d2 Tritanopia 0.001% of the population

Trichromacy

#89b5f5 Protanomaly 1% of men, 0.01% of women
#82b5fc Deuteranomaly 6% of men, 0.4% of women
#55c0e1 Tritanomaly 0.01% of the population

#60b9fa hex color

#60b9fa Color Information

#60b9fa Color Conversion

Color Schemes with #60b9fa

Alternatives to #60b9fa

#60b9fa Preview

Shades and Tints of #60b9fa

Tones of #60b9fa

Color Blindness Simulator