#60a4f7 hex color

In a RGB color space, hex #60a4f7 is composed of 37.6% red, 64.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 33.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 213 degrees, a saturation of 90.4% and a lightness of 67.3%. #60a4f7 color hex could be obtained by blending #c0ffff with #0049ef. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 64
- B 97
RGB color chart
- C 61
- M 34
- Y 0
- K 3
CMYK color chart

● #60a4f7 color description : Soft blue.

The hexadecimal color #60a4f7 has RGB values of R:96, G:164, B:247 and CMYK values of C:0.61, M:0.34, Y:0, K:0.03. Its decimal value is 6333687.

Hex triplet	60a4f7	`#60a4f7`
RGB Decimal	96, 164, 247	`rgb(96,164,247)`
RGB Percent	37.6, 64.3, 96.9	`rgb(37.6%,64.3%,96.9%)`
CMYK	61, 34, 0, 3
HSL	213°, 90.4, 67.3	`hsl(213,90.4%,67.3%)`
HSV (or HSB)	213°, 61.1, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.329, 3.119, -47.849
XYZ	34.884, 35.751, 93.053
xyY	0.213, 0.218, 35.751
CIE-LCH	66.329, 47.951, 273.729
CIE-LUV	66.329, -29.092, -77.548
Hunter-Lab	59.792, -0.495, -50.417
Binary	01100000, 10100100, 11110111

#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#f7b360
```
#f7b360 rgb(247,179,96)
```

Complementary Color

#60f0f7
```
#60f0f7 rgb(96,240,247)
```
#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#6860f7
```
#6860f7 rgb(104,96,247)
```

Analogous Color

#f0f760
```
#f0f760 rgb(240,247,96)
```
#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#f76860
```
#f76860 rgb(247,104,96)
```

Split Complementary Color

#a4f760
```
#a4f760 rgb(164,247,96)
```
#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#f760a4
```
#f760a4 rgb(247,96,164)
```

Triadic Color

#60f7b3
```
#60f7b3 rgb(96,247,179)
```
#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#f760a4
```
#f760a4 rgb(247,96,164)
```
#f7b360
```
#f7b360 rgb(247,179,96)
```

Tetradic Color

#177af3
```
#177af3 rgb(23,122,243)
```
#2f88f5
```
#2f88f5 rgb(47,136,245)
```
#4896f6
```
#4896f6 rgb(72,150,246)
```
#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#78b2f8
```
#78b2f8 rgb(120,178,248)
```
#91c0f9
```
#91c0f9 rgb(145,192,249)
```
#a9cefb
```
#a9cefb rgb(169,206,251)
```

Monochromatic Color

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

#60caf7
```
#60caf7 rgb(96,202,247)
```
#60bdf7
```
#60bdf7 rgb(96,189,247)
```
#60b1f7
```
#60b1f7 rgb(96,177,247)
```
#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#6097f7
```
#6097f7 rgb(96,151,247)
```
#608bf7
```
#608bf7 rgb(96,139,247)
```
#607ef7
```
#607ef7 rgb(96,126,247)
```

Similar Colors

Text with hexadecimal color #60a4f7

This text has a font color of #60a4f7.

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

#60a4f7 background color

This paragraph has a background color of #60a4f7.

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

#60a4f7 border color

This element has a border color of #60a4f7.

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

CSS codes

.text {color:#60a4f7;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#010d1c
```
#010d1c rgb(1,13,28)
```
#02162e
```
#02162e rgb(2,22,46)
```
#031f41
```
#031f41 rgb(3,31,65)
```
#042854
```
#042854 rgb(4,40,84)
```
#053166
```
#053166 rgb(5,49,102)
```
#063a79
```
#063a79 rgb(6,58,121)
```
#07438c
```
#07438c rgb(7,67,140)
```
#084c9e
```
#084c9e rgb(8,76,158)
```
#0955b1
```
#0955b1 rgb(9,85,177)
```
#0a5ec4
```
#0a5ec4 rgb(10,94,196)
```
#0b67d7
```
#0b67d7 rgb(11,103,215)
```
#0c6fe9
```
#0c6fe9 rgb(12,111,233)
```

Shade Color Variation

#1579f3
```
#1579f3 rgb(21,121,243)
```
#2884f4
```
#2884f4 rgb(40,132,244)
```
#3b8ff5
```
#3b8ff5 rgb(59,143,245)
```
#4d99f6
```
#4d99f6 rgb(77,153,246)
```
#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#73aff8
```
#73aff8 rgb(115,175,248)
```
#85b9f9
```
#85b9f9 rgb(133,185,249)
```
#98c4fa
```
#98c4fa rgb(152,196,250)
```
#abcffb
```
#abcffb rgb(171,207,251)
```
#bdd9fc
```
#bdd9fc rgb(189,217,252)
```
#d0e4fd
```
#d0e4fd rgb(208,228,253)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#a7abb0
```
#a7abb0 rgb(167,171,176)
```
#a0aab7
```
#a0aab7 rgb(160,170,183)
```
#9aaabd
```
#9aaabd rgb(154,170,189)
```
#93a9c4
```
#93a9c4 rgb(147,169,196)
```
#8da8ca
```
#8da8ca rgb(141,168,202)
```
#87a8d0
```
#87a8d0 rgb(135,168,208)
```
#80a7d7
```
#80a7d7 rgb(128,167,215)
```
#7aa7dd
```
#7aa7dd rgb(122,167,221)
```
#73a6e4
```
#73a6e4 rgb(115,166,228)
```
#6da5ea
```
#6da5ea rgb(109,165,234)
```
#66a5f1
```
#66a5f1 rgb(102,165,241)
```
#60a4f7
```
#60a4f7 rgb(96,164,247)
```
#5aa3fd
```
#5aa3fd rgb(90,163,253)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8e9bac Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a3f3 Protanopia 1% of men
#76a6f8 Deuteranopia 1% of men
#45b4c1 Tritanopia 0.001% of the population

Trichromacy

#79a3f4 Protanomaly 1% of men, 0.01% of women
#6ea5f7 Deuteranomaly 6% of men, 0.4% of women
#4faed4 Tritanomaly 0.01% of the population

#60a4f7 hex color

#60a4f7 Color Information

#60a4f7 Color Conversion

Color Schemes with #60a4f7

Alternatives to #60a4f7

#60a4f7 Preview

Shades and Tints of #60a4f7

Tones of #60a4f7

Color Blindness Simulator