#5ca1f0 hex color

In a RGB color space, hex #5ca1f0 is composed of 36.1% red, 63.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 32.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 212 degrees, a saturation of 83.1% and a lightness of 65.1%. #5ca1f0 color hex could be obtained by blending #b8ffff with #0043e1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 63
- B 94
RGB color chart
- C 62
- M 33
- Y 0
- K 6
CMYK color chart

● #5ca1f0 color description : Soft blue.

The hexadecimal color #5ca1f0 has RGB values of R:92, G:161, B:240 and CMYK values of C:0.62, M:0.33, Y:0, K:0.06. Its decimal value is 6070768.

Hex triplet	5ca1f0	`#5ca1f0`
RGB Decimal	92, 161, 240	`rgb(92,161,240)`
RGB Percent	36.1, 63.1, 94.1	`rgb(36.1%,63.1%,94.1%)`
CMYK	62, 33, 0, 6
HSL	212°, 83.1, 65.1	`hsl(212,83.1%,65.1%)`
HSV (or HSB)	212°, 61.7, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.006, 1.844, -46.117
XYZ	32.883, 34.054, 87.274
xyY	0.213, 0.221, 34.054
CIE-LCH	65.006, 46.154, 272.29
CIE-LUV	65.006, -29.198, -74.24
Hunter-Lab	58.356, -1.54, -47.821
Binary	01011100, 10100001, 11110000

#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#f0ab5c
```
#f0ab5c rgb(240,171,92)
```

Complementary Color

#5cebf0
```
#5cebf0 rgb(92,235,240)
```
#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#615cf0
```
#615cf0 rgb(97,92,240)
```

Analogous Color

#ebf05c
```
#ebf05c rgb(235,240,92)
```
#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#f0615c
```
#f0615c rgb(240,97,92)
```

Split Complementary Color

#a1f05c
```
#a1f05c rgb(161,240,92)
```
#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#f05ca1
```
#f05ca1 rgb(240,92,161)
```

Triadic Color

#5cf0ab
```
#5cf0ab rgb(92,240,171)
```
#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#f05ca1
```
#f05ca1 rgb(240,92,161)
```
#f0ab5c
```
#f0ab5c rgb(240,171,92)
```

Tetradic Color

#1679ea
```
#1679ea rgb(22,121,234)
```
#2d86ec
```
#2d86ec rgb(45,134,236)
```
#4594ee
```
#4594ee rgb(69,148,238)
```
#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#73aef2
```
#73aef2 rgb(115,174,242)
```
#8bbcf4
```
#8bbcf4 rgb(139,188,244)
```
#a2c9f6
```
#a2c9f6 rgb(162,201,246)
```

Monochromatic Color

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

#5cc6f0
```
#5cc6f0 rgb(92,198,240)
```
#5cbaf0
```
#5cbaf0 rgb(92,186,240)
```
#5cadf0
```
#5cadf0 rgb(92,173,240)
```
#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#5c95f0
```
#5c95f0 rgb(92,149,240)
```
#5c88f0
```
#5c88f0 rgb(92,136,240)
```
#5c7cf0
```
#5c7cf0 rgb(92,124,240)
```

Similar Colors

Text with hexadecimal color #5ca1f0

This text has a font color of #5ca1f0.

<span style="color:#5ca1f0;">Text here</span>

#5ca1f0 background color

This paragraph has a background color of #5ca1f0.

<p style="background-color:#5ca1f0;">Content here</p>

#5ca1f0 border color

This element has a border color of #5ca1f0.

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

CSS codes

.text {color:#5ca1f0;}

.background {background-color:#5ca1f0;}

.border {border:1px solid #5ca1f0;}

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

#020911
```
#020911 rgb(2,9,17)
```
#031223
```
#031223 rgb(3,18,35)
```
#051b35
```
#051b35 rgb(5,27,53)
```
#062447
```
#062447 rgb(6,36,71)
```
#082e58
```
#082e58 rgb(8,46,88)
```
#0a376a
```
#0a376a rgb(10,55,106)
```
#0b407c
```
#0b407c rgb(11,64,124)
```
#0d498e
```
#0d498e rgb(13,73,142)
```
#0f53a0
```
#0f53a0 rgb(15,83,160)
```
#105cb2
```
#105cb2 rgb(16,92,178)
```
#1265c4
```
#1265c4 rgb(18,101,196)
```
#146ed6
```
#146ed6 rgb(20,110,214)
```
#1578e8
```
#1578e8 rgb(21,120,232)
```

Shade Color Variation

#2682eb
```
#2682eb rgb(38,130,235)
```
#388ced
```
#388ced rgb(56,140,237)
```
#4a97ee
```
#4a97ee rgb(74,151,238)
```
#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#6eabf2
```
#6eabf2 rgb(110,171,242)
```
#80b6f3
```
#80b6f3 rgb(128,182,243)
```
#92c0f5
```
#92c0f5 rgb(146,192,245)
```
#a4caf7
```
#a4caf7 rgb(164,202,247)
```
#b6d5f8
```
#b6d5f8 rgb(182,213,248)
```
#c8dffa
```
#c8dffa rgb(200,223,250)
```
#daeafc
```
#daeafc rgb(218,234,252)
```
#ecf4fd
```
#ecf4fd rgb(236,244,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a0a6ac
```
#a0a6ac rgb(160,166,172)
```
#9aa5b2
```
#9aa5b2 rgb(154,165,178)
```
#93a5b9
```
#93a5b9 rgb(147,165,185)
```
#8ca4c0
```
#8ca4c0 rgb(140,164,192)
```
#85a4c7
```
#85a4c7 rgb(133,164,199)
```
#7ea3ce
```
#7ea3ce rgb(126,163,206)
```
#77a3d5
```
#77a3d5 rgb(119,163,213)
```
#71a2db
```
#71a2db rgb(113,162,219)
```
#6aa2e2
```
#6aa2e2 rgb(106,162,226)
```
#63a1e9
```
#63a1e9 rgb(99,161,233)
```
#5ca1f0
```
#5ca1f0 rgb(92,161,240)
```
#55a1f7
```
#55a1f7 rgb(85,161,247)
```
#4ea0fe
```
#4ea0fe rgb(78,160,254)
```

Tone Color Variation

Below, you can see how #5ca1f0 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
#8a97a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a0ec Protanopia 1% of men
#76a2f2 Deuteranopia 1% of men
#42b0bd Tritanopia 0.001% of the population

Trichromacy

#76a0ed Protanomaly 1% of men, 0.01% of women
#6ca2f1 Deuteranomaly 6% of men, 0.4% of women
#4baacf Tritanomaly 0.01% of the population

#5ca1f0 hex color

#5ca1f0 Color Information

#5ca1f0 Color Conversion

Color Schemes with #5ca1f0

Alternatives to #5ca1f0

#5ca1f0 Preview

Shades and Tints of #5ca1f0

Tones of #5ca1f0

Color Blindness Simulator