#60bdfd hex color

In a RGB color space, hex #60bdfd is composed of 37.6% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 204.5 degrees, a saturation of 97.5% and a lightness of 68.4%. #60bdfd color hex could be obtained by blending #c0ffff with #007bfb. Closest websafe color is: #66ccff.

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

● #60bdfd color description : Soft blue.

The hexadecimal color #60bdfd has RGB values of R:96, G:189, B:253 and CMYK values of C:0.62, M:0.25, Y:0, K:0.01. Its decimal value is 6340093.

Hex triplet	60bdfd	`#60bdfd`
RGB Decimal	96, 189, 253	`rgb(96,189,253)`
RGB Percent	37.6, 74.1, 99.2	`rgb(37.6%,74.1%,99.2%)`
CMYK	62, 25, 0, 1
HSL	204.5°, 97.5, 68.4	`hsl(204.5,97.5%,68.4%)`
HSV (or HSB)	204.5°, 62.1, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.527, -8.879, -39.822
XYZ	40.747, 45.971, 99.649
xyY	0.219, 0.247, 45.971
CIE-LCH	73.527, 40.8, 257.43
CIE-LUV	73.527, -37.742, -63.429
Hunter-Lab	67.802, -11.38, -39.678
Binary	01100000, 10111101, 11111101

#60bdfd
```
#60bdfd rgb(96,189,253)
```
#fda060
```
#fda060 rgb(253,160,96)
```

Complementary Color

#60fdef
```
#60fdef rgb(96,253,239)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```
#606ffd
```
#606ffd rgb(96,111,253)
```

Analogous Color

#fdef60
```
#fdef60 rgb(253,239,96)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```
#fd606f
```
#fd606f rgb(253,96,111)
```

Split Complementary Color

#bdfd60
```
#bdfd60 rgb(189,253,96)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```
#fd60bd
```
#fd60bd rgb(253,96,189)
```

Triadic Color

#60fda0
```
#60fda0 rgb(96,253,160)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```
#fd60bd
```
#fd60bd rgb(253,96,189)
```
#fda060
```
#fda060 rgb(253,160,96)
```

Tetradic Color

#149efc
```
#149efc rgb(20,158,252)
```
#2ea8fc
```
#2ea8fc rgb(46,168,252)
```
#47b3fd
```
#47b3fd rgb(71,179,253)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```
#79c7fd
```
#79c7fd rgb(121,199,253)
```
#92d2fe
```
#92d2fe rgb(146,210,254)
```
#acdcfe
```
#acdcfe rgb(172,220,254)
```

Monochromatic Color

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

#60e4fd
```
#60e4fd rgb(96,228,253)
```
#60d7fd
```
#60d7fd rgb(96,215,253)
```
#60cafd
```
#60cafd rgb(96,202,253)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```
#60b0fd
```
#60b0fd rgb(96,176,253)
```
#60a3fd
```
#60a3fd rgb(96,163,253)
```
#6096fd
```
#6096fd rgb(96,150,253)
```

Similar Colors

Text with hexadecimal color #60bdfd

This text has a font color of #60bdfd.

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

#60bdfd background color

This paragraph has a background color of #60bdfd.

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

#60bdfd border color

This element has a border color of #60bdfd.

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

CSS codes

.text {color:#60bdfd;}

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

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

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, #00090f is the darkest color, while #fbfdff is the lightest one.

#00090f
```
#00090f rgb(0,9,15)
```
#001523
```
#001523 rgb(0,21,35)
```
#012036
```
#012036 rgb(1,32,54)
```
#012c49
```
#012c49 rgb(1,44,73)
```
#01375d
```
#01375d rgb(1,55,93)
```
#014370
```
#014370 rgb(1,67,112)
```
#024f84
```
#024f84 rgb(2,79,132)
```
#025a97
```
#025a97 rgb(2,90,151)
```
#0266aa
```
#0266aa rgb(2,102,170)
```
#0271be
```
#0271be rgb(2,113,190)
```
#037dd1
```
#037dd1 rgb(3,125,209)
```
#0388e4
```
#0388e4 rgb(3,136,228)
```
#0394f8
```
#0394f8 rgb(3,148,248)
```

Shade Color Variation

#139dfc
```
#139dfc rgb(19,157,252)
```
#26a5fc
```
#26a5fc rgb(38,165,252)
```
#39adfd
```
#39adfd rgb(57,173,253)
```
#4db5fd
```
#4db5fd rgb(77,181,253)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```
#73c5fd
```
#73c5fd rgb(115,197,253)
```
#87cdfd
```
#87cdfd rgb(135,205,253)
```
#9ad5fe
```
#9ad5fe rgb(154,213,254)
```
#adddfe
```
#adddfe rgb(173,221,254)
```
#c1e5fe
```
#c1e5fe rgb(193,229,254)
```
#d4edfe
```
#d4edfe rgb(212,237,254)
```
#e8f5ff
```
#e8f5ff rgb(232,245,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#aaafb3
```
#aaafb3 rgb(170,175,179)
```
#a4b0b9
```
#a4b0b9 rgb(164,176,185)
```
#9eb2bf
```
#9eb2bf rgb(158,178,191)
```
#98b3c5
```
#98b3c5 rgb(152,179,197)
```
#92b4cb
```
#92b4cb rgb(146,180,203)
```
#8bb5d2
```
#8bb5d2 rgb(139,181,210)
```
#85b6d8
```
#85b6d8 rgb(133,182,216)
```
#7fb7de
```
#7fb7de rgb(127,183,222)
```
#79b8e4
```
#79b8e4 rgb(121,184,228)
```
#73baea
```
#73baea rgb(115,186,234)
```
#6cbbf1
```
#6cbbf1 rgb(108,187,241)
```
#66bcf7
```
#66bcf7 rgb(102,188,247)
```
#60bdfd
```
#60bdfd rgb(96,189,253)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9aacb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b6f5 Protanopia 1% of men
#9bb7ff Deuteranopia 1% of men
#4fc7d6 Tritanopia 0.001% of the population

Trichromacy

#8bb8f8 Protanomaly 1% of men, 0.01% of women
#85b9fe Deuteranomaly 6% of men, 0.4% of women
#55c3e4 Tritanomaly 0.01% of the population

#60bdfd hex color

#60bdfd Color Information

#60bdfd Color Conversion

Color Schemes with #60bdfd

Alternatives to #60bdfd

#60bdfd Preview

Shades and Tints of #60bdfd

Tones of #60bdfd

Color Blindness Simulator