#60b1fc hex color

In a RGB color space, hex #60b1fc is composed of 37.6% red, 69.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 29.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 208.8 degrees, a saturation of 96.3% and a lightness of 68.2%. #60b1fc color hex could be obtained by blending #c0ffff with #0063f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 69
- B 99
RGB color chart
- C 62
- M 30
- Y 0
- K 1
CMYK color chart

● #60b1fc color description : Soft blue.

The hexadecimal color #60b1fc has RGB values of R:96, G:177, B:252 and CMYK values of C:0.62, M:0.3, Y:0, K:0.01. Its decimal value is 6337020.

Hex triplet	60b1fc	`#60b1fc`
RGB Decimal	96, 177, 252	`rgb(96,177,252)`
RGB Percent	37.6, 69.4, 98.8	`rgb(37.6%,69.4%,98.8%)`
CMYK	62, 30, 0, 1
HSL	208.8°, 96.3, 68.2	`hsl(208.8,96.3%,68.2%)`
HSV (or HSB)	208.8°, 61.9, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.146, -2.612, -44.566
XYZ	38.113, 40.957, 97.987
xyY	0.215, 0.231, 40.957
CIE-LCH	70.146, 44.642, 266.646
CIE-LUV	70.146, -33.521, -71.911
Hunter-Lab	63.997, -5.693, -45.981
Binary	01100000, 10110001, 11111100

#60b1fc
```
#60b1fc rgb(96,177,252)
```
#fcab60
```
#fcab60 rgb(252,171,96)
```

Complementary Color

#60fcf9
```
#60fcf9 rgb(96,252,249)
```
#60b1fc
```
#60b1fc rgb(96,177,252)
```
#6063fc
```
#6063fc rgb(96,99,252)
```

Analogous Color

#fcf960
```
#fcf960 rgb(252,249,96)
```
#60b1fc
```
#60b1fc rgb(96,177,252)
```
#fc6063
```
#fc6063 rgb(252,96,99)
```

Split Complementary Color

#b1fc60
```
#b1fc60 rgb(177,252,96)
```
#60b1fc
```
#60b1fc rgb(96,177,252)
```
#fc60b1
```
#fc60b1 rgb(252,96,177)
```

Triadic Color

#60fcab
```
#60fcab rgb(96,252,171)
```
#60b1fc
```
#60b1fc rgb(96,177,252)
```
#fc60b1
```
#fc60b1 rgb(252,96,177)
```
#fcab60
```
#fcab60 rgb(252,171,96)
```

Tetradic Color

#158cfb
```
#158cfb rgb(21,140,251)
```
#2e98fb
```
#2e98fb rgb(46,152,251)
```
#47a5fc
```
#47a5fc rgb(71,165,252)
```
#60b1fc
```
#60b1fc rgb(96,177,252)
```
#79bdfc
```
#79bdfc rgb(121,189,252)
```
#92cafd
```
#92cafd rgb(146,202,253)
```
#abd6fd
```
#abd6fd rgb(171,214,253)
```

Monochromatic Color

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

#60d8fc
```
#60d8fc rgb(96,216,252)
```
#60cbfc
```
#60cbfc rgb(96,203,252)
```
#60befc
```
#60befc rgb(96,190,252)
```
#60b1fc
```
#60b1fc rgb(96,177,252)
```
#60a4fc
```
#60a4fc rgb(96,164,252)
```
#6097fc
```
#6097fc rgb(96,151,252)
```
#608afc
```
#608afc rgb(96,138,252)
```

Similar Colors

Text with hexadecimal color #60b1fc

This text has a font color of #60b1fc.

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

#60b1fc background color

This paragraph has a background color of #60b1fc.

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

#60b1fc border color

This element has a border color of #60b1fc.

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

CSS codes

.text {color:#60b1fc;}

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

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

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

#00080e
```
#00080e rgb(0,8,14)
```
#011222
```
#011222 rgb(1,18,34)
```
#011c35
```
#011c35 rgb(1,28,53)
```
#012648
```
#012648 rgb(1,38,72)
```
#02305b
```
#02305b rgb(2,48,91)
```
#023a6f
```
#023a6f rgb(2,58,111)
```
#024582
```
#024582 rgb(2,69,130)
```
#034f95
```
#034f95 rgb(3,79,149)
```
#0359a8
```
#0359a8 rgb(3,89,168)
```
#0463bc
```
#0463bc rgb(4,99,188)
```
#046dcf
```
#046dcf rgb(4,109,207)
```
#0477e2
```
#0477e2 rgb(4,119,226)
```
#0582f5
```
#0582f5 rgb(5,130,245)
```

Shade Color Variation

#138bfb
```
#138bfb rgb(19,139,251)
```
#2695fb
```
#2695fb rgb(38,149,251)
```
#399efb
```
#399efb rgb(57,158,251)
```
#4da8fc
```
#4da8fc rgb(77,168,252)
```
#60b1fc
```
#60b1fc rgb(96,177,252)
```
#73bafc
```
#73bafc rgb(115,186,252)
```
#87c4fd
```
#87c4fd rgb(135,196,253)
```
#9acdfd
```
#9acdfd rgb(154,205,253)
```
#add7fd
```
#add7fd rgb(173,215,253)
```
#c0e0fe
```
#c0e0fe rgb(192,224,254)
```
#d4eafe
```
#d4eafe rgb(212,234,254)
```
#e7f3ff
```
#e7f3ff rgb(231,243,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#abaeb1
```
#abaeb1 rgb(171,174,177)
```
#a5aeb7
```
#a5aeb7 rgb(165,174,183)
```
#9eafbe
```
#9eafbe rgb(158,175,190)
```
#98afc4
```
#98afc4 rgb(152,175,196)
```
#92afca
```
#92afca rgb(146,175,202)
```
#8cafd0
```
#8cafd0 rgb(140,175,208)
```
#85b0d7
```
#85b0d7 rgb(133,176,215)
```
#7fb0dd
```
#7fb0dd rgb(127,176,221)
```
#79b0e3
```
#79b0e3 rgb(121,176,227)
```
#73b0e9
```
#73b0e9 rgb(115,176,233)
```
#6cb1f0
```
#6cb1f0 rgb(108,177,240)
```
#66b1f6
```
#66b1f6 rgb(102,177,246)
```
#60b1fc
```
#60b1fc rgb(96,177,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#94a4b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96adf6 Protanopia 1% of men
#88affe Deuteranopia 1% of men
#48becc Tritanopia 0.001% of the population

Trichromacy

#82aef8 Protanomaly 1% of men, 0.01% of women
#79affd Deuteranomaly 6% of men, 0.4% of women
#51b9dd Tritanomaly 0.01% of the population

#60b1fc hex color

#60b1fc Color Information

#60b1fc Color Conversion

Color Schemes with #60b1fc

Alternatives to #60b1fc

#60b1fc Preview

Shades and Tints of #60b1fc

Tones of #60b1fc

Color Blindness Simulator