#60bbf2 hex color

In a RGB color space, hex #60bbf2 is composed of 37.6% red, 73.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 22.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 202.6 degrees, a saturation of 84.9% and a lightness of 66.3%. #60bbf2 color hex could be obtained by blending #c0ffff with #0077e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 73
- B 95
RGB color chart
- C 60
- M 23
- Y 0
- K 5
CMYK color chart

● #60bbf2 color description : Soft blue.

The hexadecimal color #60bbf2 has RGB values of R:96, G:187, B:242 and CMYK values of C:0.6, M:0.23, Y:0, K:0.05. Its decimal value is 6339570.

Hex triplet	60bbf2	`#60bbf2`
RGB Decimal	96, 187, 242	`rgb(96,187,242)`
RGB Percent	37.6, 73.3, 94.9	`rgb(37.6%,73.3%,94.9%)`
CMYK	60, 23, 0, 5
HSL	202.6°, 84.9, 66.3	`hsl(202.6,84.9%,66.3%)`
HSV (or HSB)	202.6°, 60.3, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.519, -11.22, -35.454
XYZ	38.617, 44.436, 90.541
xyY	0.222, 0.256, 44.436
CIE-LCH	72.519, 37.187, 252.44
CIE-LUV	72.519, -37.425, -55.534
Hunter-Lab	66.66, -13.247, -33.869
Binary	01100000, 10111011, 11110010

#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#f29760
```
#f29760 rgb(242,151,96)
```

Complementary Color

#60f2e0
```
#60f2e0 rgb(96,242,224)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#6072f2
```
#6072f2 rgb(96,114,242)
```

Analogous Color

#f2e060
```
#f2e060 rgb(242,224,96)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#f26072
```
#f26072 rgb(242,96,114)
```

Split Complementary Color

#bbf260
```
#bbf260 rgb(187,242,96)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#f260bb
```
#f260bb rgb(242,96,187)
```

Triadic Color

#60f297
```
#60f297 rgb(96,242,151)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#f260bb
```
#f260bb rgb(242,96,187)
```
#f29760
```
#f29760 rgb(242,151,96)
```

Tetradic Color

#199dec
```
#199dec rgb(25,157,236)
```
#31a7ee
```
#31a7ee rgb(49,167,238)
```
#48b1f0
```
#48b1f0 rgb(72,177,240)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#78c5f4
```
#78c5f4 rgb(120,197,244)
```
#8fcff6
```
#8fcff6 rgb(143,207,246)
```
#a7d9f8
```
#a7d9f8 rgb(167,217,248)
```

Monochromatic Color

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

#60e0f2
```
#60e0f2 rgb(96,224,242)
```
#60d3f2
```
#60d3f2 rgb(96,211,242)
```
#60c7f2
```
#60c7f2 rgb(96,199,242)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#60aff2
```
#60aff2 rgb(96,175,242)
```
#60a3f2
```
#60a3f2 rgb(96,163,242)
```
#6097f2
```
#6097f2 rgb(96,151,242)
```

Similar Colors

Text with hexadecimal color #60bbf2

This text has a font color of #60bbf2.

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

#60bbf2 background color

This paragraph has a background color of #60bbf2.

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

#60bbf2 border color

This element has a border color of #60bbf2.

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

CSS codes

.text {color:#60bbf2;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#020f16
```
#020f16 rgb(2,15,22)
```
#031a28
```
#031a28 rgb(3,26,40)
```
#05263b
```
#05263b rgb(5,38,59)
```
#06324d
```
#06324d rgb(6,50,77)
```
#083e5f
```
#083e5f rgb(8,62,95)
```
#094a71
```
#094a71 rgb(9,74,113)
```
#0b5683
```
#0b5683 rgb(11,86,131)
```
#0c6295
```
#0c6295 rgb(12,98,149)
```
#0e6da7
```
#0e6da7 rgb(14,109,167)
```
#0f79ba
```
#0f79ba rgb(15,121,186)
```
#1185cc
```
#1185cc rgb(17,133,204)
```
#1291de
```
#1291de rgb(18,145,222)
```

Shade Color Variation

#179cec
```
#179cec rgb(23,156,236)
```
#2aa4ee
```
#2aa4ee rgb(42,164,238)
```
#3cabef
```
#3cabef rgb(60,171,239)
```
#4eb3f1
```
#4eb3f1 rgb(78,179,241)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#72c3f3
```
#72c3f3 rgb(114,195,243)
```
#84cbf5
```
#84cbf5 rgb(132,203,245)
```
#96d2f6
```
#96d2f6 rgb(150,210,246)
```
#a9daf8
```
#a9daf8 rgb(169,218,248)
```
#bbe2f9
```
#bbe2f9 rgb(187,226,249)
```
#cdeafb
```
#cdeafb rgb(205,234,251)
```
#dff1fc
```
#dff1fc rgb(223,241,252)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

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

#a9a9a9
```
#a9a9a9 rgb(169,169,169)
```
#a2abb0
```
#a2abb0 rgb(162,171,176)
```
#9cacb6
```
#9cacb6 rgb(156,172,182)
```
#95aebd
```
#95aebd rgb(149,174,189)
```
#8eb0c4
```
#8eb0c4 rgb(142,176,196)
```
#88b1ca
```
#88b1ca rgb(136,177,202)
```
#81b3d1
```
#81b3d1 rgb(129,179,209)
```
#7ab4d8
```
#7ab4d8 rgb(122,180,216)
```
#74b6de
```
#74b6de rgb(116,182,222)
```
#6db8e5
```
#6db8e5 rgb(109,184,229)
```
#67b9eb
```
#67b9eb rgb(103,185,235)
```
#60bbf2
```
#60bbf2 rgb(96,187,242)
```
#59bdf9
```
#59bdf9 rgb(89,189,249)
```

Tone Color Variation

Below, you can see how #60bbf2 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
#98aab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b3eb Protanopia 1% of men
#9db4f6 Deuteranopia 1% of men
#55c4d2 Tritanopia 0.001% of the population

Trichromacy

#8cb6ed Protanomaly 1% of men, 0.01% of women
#87b6f5 Deuteranomaly 6% of men, 0.4% of women
#59c1de Tritanomaly 0.01% of the population

#60bbf2 hex color

#60bbf2 Color Information

#60bbf2 Color Conversion

Color Schemes with #60bbf2

Alternatives to #60bbf2

#60bbf2 Preview

Shades and Tints of #60bbf2

Tones of #60bbf2

Color Blindness Simulator