colorhexa.com

#60dbf3 hex color

In a RGB color space, hex #60dbf3 is composed of 37.6% red, 85.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 9.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 189.8 degrees, a saturation of 86% and a lightness of 66.5%. #60dbf3 color hex could be obtained by blending #c0ffff with #00b7e7. Closest websafe color is: #66ccff.

- R 38
- G 86
- B 95
RGB color chart
- C 60
- M 10
- Y 0
- K 5
CMYK color chart

● #60dbf3 color description : Soft cyan.

The hexadecimal color #60dbf3 has RGB values of R:96, G:219, B:243 and CMYK values of C:0.6, M:0.1, Y:0, K:0.05. Its decimal value is 6347763.

Hex triplet	60dbf3	`#60dbf3`
RGB Decimal	96, 219, 243	`rgb(96,219,243)`
RGB Percent	37.6, 85.9, 95.3	`rgb(37.6%,85.9%,95.3%)`
CMYK	60, 10, 0, 5
HSL	189.8°, 86, 66.5	`hsl(189.8,86%,66.5%)`
HSV (or HSB)	189.8°, 60.5, 95.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.63, -27.322, -22.012
XYZ	46.329, 59.617, 93.855
xyY	0.232, 0.298, 59.617
CIE-LCH	81.63, 35.086, 218.857
CIE-LUV	81.63, -49.038, -31.105
Hunter-Lab	77.212, -28.018, -18.021
Binary	01100000, 11011011, 11110011

#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#f37860
```
#f37860 rgb(243,120,96)
```

Complementary Color

#60f3c2
```
#60f3c2 rgb(96,243,194)
```
#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#6092f3
```
#6092f3 rgb(96,146,243)
```

Analogous Color

#f3c260
```
#f3c260 rgb(243,194,96)
```
#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#f36092
```
#f36092 rgb(243,96,146)
```

Split Complementary Color

#dbf360
```
#dbf360 rgb(219,243,96)
```
#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#f360db
```
#f360db rgb(243,96,219)
```

Triadic Color

#60f378
```
#60f378 rgb(96,243,120)
```
#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#f360db
```
#f360db rgb(243,96,219)
```
#f37860
```
#f37860 rgb(243,120,96)
```

Tetradic Color

#19cbee
```
#19cbee rgb(25,203,238)
```
#31d0ef
```
#31d0ef rgb(49,208,239)
```
#48d6f1
```
#48d6f1 rgb(72,214,241)
```
#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#78e0f5
```
#78e0f5 rgb(120,224,245)
```
#8fe6f7
```
#8fe6f7 rgb(143,230,247)
```
#a7ebf8
```
#a7ebf8 rgb(167,235,248)
```

Monochromatic Color

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

#60f3e6
```
#60f3e6 rgb(96,243,230)
```
#60f3f3
```
#60f3f3 rgb(96,243,243)
```
#60e7f3
```
#60e7f3 rgb(96,231,243)
```
#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#60cff3
```
#60cff3 rgb(96,207,243)
```
#60c3f3
```
#60c3f3 rgb(96,195,243)
```
#60b6f3
```
#60b6f3 rgb(96,182,243)
```

Similar Colors

Text with hexadecimal color #60dbf3

This text has a font color of #60dbf3.

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

#60dbf3 background color

This paragraph has a background color of #60dbf3.

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

#60dbf3 border color

This element has a border color of #60dbf3.

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

CSS codes

.text {color:#60dbf3;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#021417
```
#021417 rgb(2,20,23)
```
#03232a
```
#03232a rgb(3,35,42)
```
#05333c
```
#05333c rgb(5,51,60)
```
#06424e
```
#06424e rgb(6,66,78)
```
#075260
```
#075260 rgb(7,82,96)
```
#096173
```
#096173 rgb(9,97,115)
```
#0a7185
```
#0a7185 rgb(10,113,133)
```
#0b8097
```
#0b8097 rgb(11,128,151)
```
#0d90a9
```
#0d90a9 rgb(13,144,169)
```
#0e9fbc
```
#0e9fbc rgb(14,159,188)
```
#10afce
```
#10afce rgb(16,175,206)
```
#11bee0
```
#11bee0 rgb(17,190,224)
```

Shade Color Variation

#17caed
```
#17caed rgb(23,202,237)
```
#29cfef
```
#29cfef rgb(41,207,239)
```
#3cd3f0
```
#3cd3f0 rgb(60,211,240)
```
#4ed7f2
```
#4ed7f2 rgb(78,215,242)
```
#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#72dff4
```
#72dff4 rgb(114,223,244)
```
#84e3f6
```
#84e3f6 rgb(132,227,246)
```
#97e7f7
```
#97e7f7 rgb(151,231,247)
```
#a9ecf9
```
#a9ecf9 rgb(169,236,249)
```
#bbf0fa
```
#bbf0fa rgb(187,240,250)
```
#cdf4fb
```
#cdf4fb rgb(205,244,251)
```
#e0f8fd
```
#e0f8fd rgb(224,248,253)
```
#f2fcfe
```
#f2fcfe rgb(242,252,254)
```

Tint Color Variation

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

#a8aaab
```
#a8aaab rgb(168,170,171)
```
#a2afb1
```
#a2afb1 rgb(162,175,177)
```
#9bb3b8
```
#9bb3b8 rgb(155,179,184)
```
#95b8be
```
#95b8be rgb(149,184,190)
```
#8ebcc5
```
#8ebcc5 rgb(142,188,197)
```
#87c0cc
```
#87c0cc rgb(135,192,204)
```
#81c5d2
```
#81c5d2 rgb(129,197,210)
```
#7ac9d9
```
#7ac9d9 rgb(122,201,217)
```
#74cedf
```
#74cedf rgb(116,206,223)
```
#6dd2e6
```
#6dd2e6 rgb(109,210,230)
```
#67d7ec
```
#67d7ec rgb(103,215,236)
```
#60dbf3
```
#60dbf3 rgb(96,219,243)
```
#59dffa
```
#59dffa rgb(89,223,250)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a7c0c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cce9 Protanopia 1% of men
#c8c9fa Deuteranopia 1% of men
#65ddee Tritanopia 0.001% of the population

Trichromacy

#a2d1ec Protanomaly 1% of men, 0.01% of women
#a2d0f7 Deuteranomaly 6% of men, 0.4% of women
#63dcef Tritanomaly 0.01% of the population