#60a1ce hex color

In a RGB color space, hex #60a1ce is composed of 37.6% red, 63.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 21.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 204.5 degrees, a saturation of 52.9% and a lightness of 59.2%. #60a1ce color hex could be obtained by blending #c0ffff with #00439d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 63
- B 81
RGB color chart
- C 53
- M 22
- Y 0
- K 19
CMYK color chart

● #60a1ce color description : Moderate blue.

The hexadecimal color #60a1ce has RGB values of R:96, G:161, B:206 and CMYK values of C:0.53, M:0.22, Y:0, K:0.19. Its decimal value is 6332878.

Hex triplet	60a1ce	`#60a1ce`
RGB Decimal	96, 161, 206	`rgb(96,161,206)`
RGB Percent	37.6, 63.1, 80.8	`rgb(37.6%,63.1%,80.8%)`
CMYK	53, 22, 0, 19
HSL	204.5°, 52.9, 59.2	`hsl(204.5,52.9%,59.2%)`
HSV (or HSB)	204.5°, 53.4, 80.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.698, -8.056, -29.367
XYZ	28.707, 32.431, 63.136
xyY	0.231, 0.261, 32.431
CIE-LCH	63.698, 30.452, 254.661
CIE-LUV	63.698, -28.873, -44.779
Hunter-Lab	56.948, -9.681, -25.869
Binary	01100000, 10100001, 11001110

#60a1ce
```
#60a1ce rgb(96,161,206)
```
#ce8d60
```
#ce8d60 rgb(206,141,96)
```

Complementary Color

#60cec4
```
#60cec4 rgb(96,206,196)
```
#60a1ce
```
#60a1ce rgb(96,161,206)
```
#606ace
```
#606ace rgb(96,106,206)
```

Analogous Color

#cec460
```
#cec460 rgb(206,196,96)
```
#60a1ce
```
#60a1ce rgb(96,161,206)
```
#ce606a
```
#ce606a rgb(206,96,106)
```

Split Complementary Color

#a1ce60
```
#a1ce60 rgb(161,206,96)
```
#60a1ce
```
#60a1ce rgb(96,161,206)
```
#ce60a1
```
#ce60a1 rgb(206,96,161)
```

Triadic Color

#60ce8d
```
#60ce8d rgb(96,206,141)
```
#60a1ce
```
#60a1ce rgb(96,161,206)
```
#ce60a1
```
#ce60a1 rgb(206,96,161)
```
#ce8d60
```
#ce8d60 rgb(206,141,96)
```

Tetradic Color

#357cac
```
#357cac rgb(53,124,172)
```
#3b8ac0
```
#3b8ac0 rgb(59,138,192)
```
#4d95c8
```
#4d95c8 rgb(77,149,200)
```
#60a1ce
```
#60a1ce rgb(96,161,206)
```
#73add4
```
#73add4 rgb(115,173,212)
```
#87b8da
```
#87b8da rgb(135,184,218)
```
#9ac4e0
```
#9ac4e0 rgb(154,196,224)
```

Monochromatic Color

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

#60bdce
```
#60bdce rgb(96,189,206)
```
#60b3ce
```
#60b3ce rgb(96,179,206)
```
#60aace
```
#60aace rgb(96,170,206)
```
#60a1ce
```
#60a1ce rgb(96,161,206)
```
#6098ce
```
#6098ce rgb(96,152,206)
```
#608fce
```
#608fce rgb(96,143,206)
```
#6086ce
```
#6086ce rgb(96,134,206)
```

Similar Colors

Text with hexadecimal color #60a1ce

This text has a font color of #60a1ce.

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

#60a1ce background color

This paragraph has a background color of #60a1ce.

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

#60a1ce border color

This element has a border color of #60a1ce.

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

CSS codes

.text {color:#60a1ce;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060f15
```
#060f15 rgb(6,15,21)
```
#0b1a24
```
#0b1a24 rgb(11,26,36)
```
#102533
```
#102533 rgb(16,37,51)
```
#142f42
```
#142f42 rgb(20,47,66)
```
#193a51
```
#193a51 rgb(25,58,81)
```
#1e4560
```
#1e4560 rgb(30,69,96)
```
#22506f
```
#22506f rgb(34,80,111)
```
#275a7e
```
#275a7e rgb(39,90,126)
```
#2b658d
```
#2b658d rgb(43,101,141)
```
#30709c
```
#30709c rgb(48,112,156)
```
#357bab
```
#357bab rgb(53,123,171)
```
#3985ba
```
#3985ba rgb(57,133,186)
```

Shade Color Variation

#428fc5
```
#428fc5 rgb(66,143,197)
```
#5198c9
```
#5198c9 rgb(81,152,201)
```
#60a1ce
```
#60a1ce rgb(96,161,206)
```
#6faad3
```
#6faad3 rgb(111,170,211)
```
#7eb3d7
```
#7eb3d7 rgb(126,179,215)
```
#8dbcdc
```
#8dbcdc rgb(141,188,220)
```
#9cc4e0
```
#9cc4e0 rgb(156,196,224)
```
#abcde5
```
#abcde5 rgb(171,205,229)
```
#bad6ea
```
#bad6ea rgb(186,214,234)
```
#c9dfee
```
#c9dfee rgb(201,223,238)
```
#d8e8f3
```
#d8e8f3 rgb(216,232,243)
```
#e7f1f8
```
#e7f1f8 rgb(231,241,248)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90989e is the less saturated color, while #30aafe is the most saturated one.

#90989e
```
#90989e rgb(144,152,158)
```
#889aa6
```
#889aa6 rgb(136,154,166)
```
#809bae
```
#809bae rgb(128,155,174)
```
#789db6
```
#789db6 rgb(120,157,182)
```
#709ebe
```
#709ebe rgb(112,158,190)
```
#68a0c6
```
#68a0c6 rgb(104,160,198)
```
#60a1ce
```
#60a1ce rgb(96,161,206)
```
#58a2d6
```
#58a2d6 rgb(88,162,214)
```
#50a4de
```
#50a4de rgb(80,164,222)
```
#48a5e6
```
#48a5e6 rgb(72,165,230)
```
#40a7ee
```
#40a7ee rgb(64,167,238)
```
#38a8f6
```
#38a8f6 rgb(56,168,246)
```
#30aafe
```
#30aafe rgb(48,170,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#89969f Atypical Achromatopsia 0.001% of the population

Dichromacy

#929dcb Protanopia 1% of men
#8e9dd3 Deuteranopia 1% of men
#5caab7 Tritanopia 0.001% of the population

Trichromacy

#809ecc Protanomaly 1% of men, 0.01% of women
#7d9ed1 Deuteranomaly 6% of men, 0.4% of women
#5da7bf Tritanomaly 0.01% of the population

#60a1ce hex color

#60a1ce Color Information

#60a1ce Color Conversion

Color Schemes with #60a1ce

Alternatives to #60a1ce

#60a1ce Preview

Shades and Tints of #60a1ce

Tones of #60a1ce

Color Blindness Simulator