colorhexa.com

#60bfe9 hex color

In a RGB color space, hex #60bfe9 is composed of 37.6% red, 74.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 18% magenta, 0% yellow and 8.6% black. It has a hue angle of 198.4 degrees, a saturation of 75.7% and a lightness of 64.5%. #60bfe9 color hex could be obtained by blending #c0ffff with #007fd3. Closest websafe color is: #66ccff.

- R 38
- G 75
- B 91
RGB color chart
- C 59
- M 18
- Y 0
- K 9
CMYK color chart

● #60bfe9 color description : Soft blue.

The hexadecimal color #60bfe9 has RGB values of R:96, G:191, B:233 and CMYK values of C:0.59, M:0.18, Y:0, K:0.09. Its decimal value is 6340585.

Hex triplet	60bfe9	`#60bfe9`
RGB Decimal	96, 191, 233	`rgb(96,191,233)`
RGB Percent	37.6, 74.9, 91.4	`rgb(37.6%,74.9%,91.4%)`
CMYK	59, 18, 0, 9
HSL	198.4°, 75.7, 64.5	`hsl(198.4,75.7%,64.5%)`
HSV (or HSB)	198.4°, 58.8, 91.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.304, -16.076, -29.372
XYZ	38.159, 45.629, 83.883
xyY	0.228, 0.272, 45.629
CIE-LCH	73.304, 33.483, 241.306
CIE-LUV	73.304, -39.232, -44.615
Hunter-Lab	67.549, -17.375, -26.342
Binary	01100000, 10111111, 11101001

#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#e98a60
```
#e98a60 rgb(233,138,96)
```

Complementary Color

#60e9cf
```
#60e9cf rgb(96,233,207)
```
#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#607be9
```
#607be9 rgb(96,123,233)
```

Analogous Color

#e9cf60
```
#e9cf60 rgb(233,207,96)
```
#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#e9607b
```
#e9607b rgb(233,96,123)
```

Split Complementary Color

#bfe960
```
#bfe960 rgb(191,233,96)
```
#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#e960bf
```
#e960bf rgb(233,96,191)
```

Triadic Color

#60e98a
```
#60e98a rgb(96,233,138)
```
#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#e960bf
```
#e960bf rgb(233,96,191)
```
#e98a60
```
#e98a60 rgb(233,138,96)
```

Tetradic Color

#1fa3de
```
#1fa3de rgb(31,163,222)
```
#33ade3
```
#33ade3 rgb(51,173,227)
```
#4ab6e6
```
#4ab6e6 rgb(74,182,230)
```
#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#76c8ec
```
#76c8ec rgb(118,200,236)
```
#8dd1ef
```
#8dd1ef rgb(141,209,239)
```
#a3daf2
```
#a3daf2 rgb(163,218,242)
```

Monochromatic Color

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

#60e1e9
```
#60e1e9 rgb(96,225,233)
```
#60d6e9
```
#60d6e9 rgb(96,214,233)
```
#60cae9
```
#60cae9 rgb(96,202,233)
```
#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#60b4e9
```
#60b4e9 rgb(96,180,233)
```
#60a8e9
```
#60a8e9 rgb(96,168,233)
```
#609de9
```
#609de9 rgb(96,157,233)
```

Similar Colors

Text with hexadecimal color #60bfe9

This text has a font color of #60bfe9.

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

#60bfe9 background color

This paragraph has a background color of #60bfe9.

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

#60bfe9 border color

This element has a border color of #60bfe9.

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

CSS codes

.text {color:#60bfe9;}

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

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

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, #020a0d is the darkest color, while #fbfdfe is the lightest one.

#020a0d
```
#020a0d rgb(2,10,13)
```
#04161f
```
#04161f rgb(4,22,31)
```
#072330
```
#072330 rgb(7,35,48)
```
#093041
```
#093041 rgb(9,48,65)
```
#0b3d52
```
#0b3d52 rgb(11,61,82)
```
#0e4963
```
#0e4963 rgb(14,73,99)
```
#105675
```
#105675 rgb(16,86,117)
```
#136386
```
#136386 rgb(19,99,134)
```
#156f97
```
#156f97 rgb(21,111,151)
```
#177ca8
```
#177ca8 rgb(23,124,168)
```
#1a89ba
```
#1a89ba rgb(26,137,186)
```
#1c95cb
```
#1c95cb rgb(28,149,203)
```
#1ea2dc
```
#1ea2dc rgb(30,162,220)
```

Shade Color Variation

#2caae2
```
#2caae2 rgb(44,170,226)
```
#3eb1e4
```
#3eb1e4 rgb(62,177,228)
```
#4fb8e7
```
#4fb8e7 rgb(79,184,231)
```
#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#71c6eb
```
#71c6eb rgb(113,198,235)
```
#82cdee
```
#82cdee rgb(130,205,238)
```
#94d4f0
```
#94d4f0 rgb(148,212,240)
```
#a5dbf3
```
#a5dbf3 rgb(165,219,243)
```
#b6e2f5
```
#b6e2f5 rgb(182,226,245)
```
#c7e9f7
```
#c7e9f7 rgb(199,233,247)
```
#d9f0fa
```
#d9f0fa rgb(217,240,250)
```
#eaf6fc
```
#eaf6fc rgb(234,246,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa7aa is the less saturated color, while #4bc7fe is the most saturated one.

#9fa7aa
```
#9fa7aa rgb(159,167,170)
```
#98a9b1
```
#98a9b1 rgb(152,169,177)
```
#91acb8
```
#91acb8 rgb(145,172,184)
```
#8aafbf
```
#8aafbf rgb(138,175,191)
```
#83b2c6
```
#83b2c6 rgb(131,178,198)
```
#7cb4cd
```
#7cb4cd rgb(124,180,205)
```
#75b7d4
```
#75b7d4 rgb(117,183,212)
```
#6ebadb
```
#6ebadb rgb(110,186,219)
```
#67bce2
```
#67bce2 rgb(103,188,226)
```
#60bfe9
```
#60bfe9 rgb(96,191,233)
```
#59c2f0
```
#59c2f0 rgb(89,194,240)
```
#52c4f7
```
#52c4f7 rgb(82,196,247)
```
#4bc7fe
```
#4bc7fe rgb(75,199,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#99acb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb6e2 Protanopia 1% of men
#a8b5ef Deuteranopia 1% of men
#5cc6d4 Tritanopia 0.001% of the population

Trichromacy

#90b9e4 Protanomaly 1% of men, 0.01% of women
#8eb8ec Deuteranomaly 6% of men, 0.4% of women
#5dc3dc Tritanomaly 0.01% of the population