#60a0ea hex color

In a RGB color space, hex #60a0ea is composed of 37.6% red, 62.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 31.6% magenta, 0% yellow and 8.2% black. It has a hue angle of 212.2 degrees, a saturation of 76.7% and a lightness of 64.7%. #60a0ea color hex could be obtained by blending #c0ffff with #0041d5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 63
- B 92
RGB color chart
- C 59
- M 32
- Y 0
- K 8
CMYK color chart

● #60a0ea color description : Soft blue.

The hexadecimal color #60a0ea has RGB values of R:96, G:160, B:234 and CMYK values of C:0.59, M:0.32, Y:0, K:0.08. Its decimal value is 6332650.

Hex triplet	60a0ea	`#60a0ea`
RGB Decimal	96, 160, 234	`rgb(96,160,234)`
RGB Percent	37.6, 62.7, 91.8	`rgb(37.6%,62.7%,91.8%)`
CMYK	59, 32, 0, 8
HSL	212.2°, 76.7, 64.7	`hsl(212.2,76.7%,64.7%)`
HSV (or HSB)	212.2°, 59, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.617, 1.224, -43.422
XYZ	32.243, 33.567, 82.617
xyY	0.217, 0.226, 33.567
CIE-LCH	64.617, 43.44, 271.614
CIE-LUV	64.617, -27.933, -69.558
Hunter-Lab	57.937, -2.053, -43.991
Binary	01100000, 10100000, 11101010

#60a0ea
```
#60a0ea rgb(96,160,234)
```
#eaaa60
```
#eaaa60 rgb(234,170,96)
```

Complementary Color

#60e5ea
```
#60e5ea rgb(96,229,234)
```
#60a0ea
```
#60a0ea rgb(96,160,234)
```
#6560ea
```
#6560ea rgb(101,96,234)
```

Analogous Color

#e5ea60
```
#e5ea60 rgb(229,234,96)
```
#60a0ea
```
#60a0ea rgb(96,160,234)
```
#ea6560
```
#ea6560 rgb(234,101,96)
```

Split Complementary Color

#a0ea60
```
#a0ea60 rgb(160,234,96)
```
#60a0ea
```
#60a0ea rgb(96,160,234)
```
#ea60a0
```
#ea60a0 rgb(234,96,160)
```

Triadic Color

#60eaaa
```
#60eaaa rgb(96,234,170)
```
#60a0ea
```
#60a0ea rgb(96,160,234)
```
#ea60a0
```
#ea60a0 rgb(234,96,160)
```
#eaaa60
```
#eaaa60 rgb(234,170,96)
```

Tetradic Color

#1e78e0
```
#1e78e0 rgb(30,120,224)
```
#3385e4
```
#3385e4 rgb(51,133,228)
```
#4993e7
```
#4993e7 rgb(73,147,231)
```
#60a0ea
```
#60a0ea rgb(96,160,234)
```
#77aded
```
#77aded rgb(119,173,237)
```
#8dbbf0
```
#8dbbf0 rgb(141,187,240)
```
#a4c8f3
```
#a4c8f3 rgb(164,200,243)
```

Monochromatic Color

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

#60c3ea
```
#60c3ea rgb(96,195,234)
```
#60b7ea
```
#60b7ea rgb(96,183,234)
```
#60acea
```
#60acea rgb(96,172,234)
```
#60a0ea
```
#60a0ea rgb(96,160,234)
```
#6095ea
```
#6095ea rgb(96,149,234)
```
#6089ea
```
#6089ea rgb(96,137,234)
```
#607eea
```
#607eea rgb(96,126,234)
```

Similar Colors

Text with hexadecimal color #60a0ea

This text has a font color of #60a0ea.

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

#60a0ea background color

This paragraph has a background color of #60a0ea.

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

#60a0ea border color

This element has a border color of #60a0ea.

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

CSS codes

.text {color:#60a0ea;}

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

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

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, #02080e is the darkest color, while #fcfdff is the lightest one.

#02080e
```
#02080e rgb(2,8,14)
```
#041120
```
#041120 rgb(4,17,32)
```
#061a31
```
#061a31 rgb(6,26,49)
```
#092342
```
#092342 rgb(9,35,66)
```
#0b2d54
```
#0b2d54 rgb(11,45,84)
```
#0d3665
```
#0d3665 rgb(13,54,101)
```
#103f76
```
#103f76 rgb(16,63,118)
```
#124888
```
#124888 rgb(18,72,136)
```
#145299
```
#145299 rgb(20,82,153)
```
#165baa
```
#165baa rgb(22,91,170)
```
#1964bc
```
#1964bc rgb(25,100,188)
```
#1b6ecd
```
#1b6ecd rgb(27,110,205)
```
#1d77de
```
#1d77de rgb(29,119,222)
```

Shade Color Variation

#2c81e3
```
#2c81e3 rgb(44,129,227)
```
#3d8be5
```
#3d8be5 rgb(61,139,229)
```
#4f96e8
```
#4f96e8 rgb(79,150,232)
```
#60a0ea
```
#60a0ea rgb(96,160,234)
```
#71aaec
```
#71aaec rgb(113,170,236)
```
#83b5ef
```
#83b5ef rgb(131,181,239)
```
#94bff1
```
#94bff1 rgb(148,191,241)
```
#a5c9f3
```
#a5c9f3 rgb(165,201,243)
```
#b7d4f5
```
#b7d4f5 rgb(183,212,245)
```
#c8def8
```
#c8def8 rgb(200,222,248)
```
#d9e8fa
```
#d9e8fa rgb(217,232,250)
```
#ebf3fc
```
#ebf3fc rgb(235,243,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#9ea5ac
```
#9ea5ac rgb(158,165,172)
```
#97a4b3
```
#97a4b3 rgb(151,164,179)
```
#90a4ba
```
#90a4ba rgb(144,164,186)
```
#8aa3c0
```
#8aa3c0 rgb(138,163,192)
```
#83a3c7
```
#83a3c7 rgb(131,163,199)
```
#7ca2ce
```
#7ca2ce rgb(124,162,206)
```
#75a2d5
```
#75a2d5 rgb(117,162,213)
```
#6ea1dc
```
#6ea1dc rgb(110,161,220)
```
#67a1e3
```
#67a1e3 rgb(103,161,227)
```
#60a0ea
```
#60a0ea rgb(96,160,234)
```
#599ff1
```
#599ff1 rgb(89,159,241)
```
#529ff8
```
#529ff8 rgb(82,159,248)
```
#4b9eff
```
#4b9eff rgb(75,158,255)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8a97a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#879fe7 Protanopia 1% of men
#7aa1ec Deuteranopia 1% of men
#4daebb Tritanopia 0.001% of the population

Trichromacy

#799fe8 Protanomaly 1% of men, 0.01% of women
#71a0eb Deuteranomaly 6% of men, 0.4% of women
#53a9cc Tritanomaly 0.01% of the population

#60a0ea hex color

#60a0ea Color Information

#60a0ea Color Conversion

Color Schemes with #60a0ea

Alternatives to #60a0ea

#60a0ea Preview

Shades and Tints of #60a0ea

Tones of #60a0ea

Color Blindness Simulator