#5ca4fe hex color

In a RGB color space, hex #5ca4fe is composed of 36.1% red, 64.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 35.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 213.3 degrees, a saturation of 98.8% and a lightness of 67.8%. #5ca4fe color hex could be obtained by blending #b8ffff with #0049fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 64
- B 100
RGB color chart
- C 64
- M 35
- Y 0
- K 0
CMYK color chart

● #5ca4fe color description : Soft blue.

The hexadecimal color #5ca4fe has RGB values of R:92, G:164, B:254 and CMYK values of C:0.64, M:0.35, Y:0, K:0. Its decimal value is 6071550.

Hex triplet	5ca4fe	`#5ca4fe`
RGB Decimal	92, 164, 254	`rgb(92,164,254)`
RGB Percent	36.1, 64.3, 99.6	`rgb(36.1%,64.3%,99.6%)`
CMYK	64, 35, 0, 0
HSL	213.3°, 98.8, 67.8	`hsl(213.3,98.8%,67.8%)`
HSV (or HSB)	213.3°, 63.8, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.504, 4.71, -51.396
XYZ	35.574, 35.98, 98.83
xyY	0.209, 0.211, 35.98
CIE-LCH	66.504, 51.612, 275.236
CIE-LUV	66.504, -29.922, -83.762
Hunter-Lab	59.983, 0.894, -55.701
Binary	01011100, 10100100, 11111110

#5ca4fe
```
#5ca4fe rgb(92,164,254)
```
#feb65c
```
#feb65c rgb(254,182,92)
```

Complementary Color

#5cf5fe
```
#5cf5fe rgb(92,245,254)
```
#5ca4fe
```
#5ca4fe rgb(92,164,254)
```
#655cfe
```
#655cfe rgb(101,92,254)
```

Analogous Color

#f5fe5c
```
#f5fe5c rgb(245,254,92)
```
#5ca4fe
```
#5ca4fe rgb(92,164,254)
```
#fe655c
```
#fe655c rgb(254,101,92)
```

Split Complementary Color

#a4fe5c
```
#a4fe5c rgb(164,254,92)
```
#5ca4fe
```
#5ca4fe rgb(92,164,254)
```
#fe5ca4
```
#fe5ca4 rgb(254,92,164)
```

Triadic Color

#5cfeb6
```
#5cfeb6 rgb(92,254,182)
```
#5ca4fe
```
#5ca4fe rgb(92,164,254)
```
#fe5ca4
```
#fe5ca4 rgb(254,92,164)
```
#feb65c
```
#feb65c rgb(254,182,92)
```

Tetradic Color

#107afe
```
#107afe rgb(16,122,254)
```
#2988fe
```
#2988fe rgb(41,136,254)
```
#4396fe
```
#4396fe rgb(67,150,254)
```
#5ca4fe
```
#5ca4fe rgb(92,164,254)
```
#75b2fe
```
#75b2fe rgb(117,178,254)
```
#8fc0fe
```
#8fc0fe rgb(143,192,254)
```
#a8cefe
```
#a8cefe rgb(168,206,254)
```

Monochromatic Color

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

#5ccdfe
```
#5ccdfe rgb(92,205,254)
```
#5cbffe
```
#5cbffe rgb(92,191,254)
```
#5cb2fe
```
#5cb2fe rgb(92,178,254)
```
#5ca4fe
```
#5ca4fe rgb(92,164,254)
```
#5c97fe
```
#5c97fe rgb(92,151,254)
```
#5c89fe
```
#5c89fe rgb(92,137,254)
```
#5c7cfe
```
#5c7cfe rgb(92,124,254)
```

Similar Colors

Text with hexadecimal color #5ca4fe

This text has a font color of #5ca4fe.

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

#5ca4fe background color

This paragraph has a background color of #5ca4fe.

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

#5ca4fe border color

This element has a border color of #5ca4fe.

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

CSS codes

.text {color:#5ca4fe;}

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

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

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, #00060c is the darkest color, while #f8fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#000e20
```
#000e20 rgb(0,14,32)
```
#001733
```
#001733 rgb(0,23,51)
```
#002047
```
#002047 rgb(0,32,71)
```
#01295a
```
#01295a rgb(1,41,90)
```
#01316e
```
#01316e rgb(1,49,110)
```
#013a81
```
#013a81 rgb(1,58,129)
```
#014395
```
#014395 rgb(1,67,149)
```
#014ba8
```
#014ba8 rgb(1,75,168)
```
#0154bc
```
#0154bc rgb(1,84,188)
```
#015dcf
```
#015dcf rgb(1,93,207)
```
#0166e3
```
#0166e3 rgb(1,102,227)
```
#026ef6
```
#026ef6 rgb(2,110,246)
```

Shade Color Variation

#0e78fe
```
#0e78fe rgb(14,120,254)
```
#2283fe
```
#2283fe rgb(34,131,254)
```
#358efe
```
#358efe rgb(53,142,254)
```
#4999fe
```
#4999fe rgb(73,153,254)
```
#5ca4fe
```
#5ca4fe rgb(92,164,254)
```
#6faffe
```
#6faffe rgb(111,175,254)
```
#83bafe
```
#83bafe rgb(131,186,254)
```
#96c5fe
```
#96c5fe rgb(150,197,254)
```
#aad0fe
```
#aad0fe rgb(170,208,254)
```
#bddaff
```
#bddaff rgb(189,218,255)
```
#d1e5ff
```
#d1e5ff rgb(209,229,255)
```
#e4f0ff
```
#e4f0ff rgb(228,240,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#a8acb2
```
#a8acb2 rgb(168,172,178)
```
#a1acb9
```
#a1acb9 rgb(161,172,185)
```
#9babbf
```
#9babbf rgb(155,171,191)
```
#95aac5
```
#95aac5 rgb(149,170,197)
```
#8eaacc
```
#8eaacc rgb(142,170,204)
```
#88a9d2
```
#88a9d2 rgb(136,169,210)
```
#82a8d8
```
#82a8d8 rgb(130,168,216)
```
#7ca8de
```
#7ca8de rgb(124,168,222)
```
#75a7e5
```
#75a7e5 rgb(117,167,229)
```
#6fa6eb
```
#6fa6eb rgb(111,166,235)
```
#69a5f1
```
#69a5f1 rgb(105,165,241)
```
#62a5f8
```
#62a5f8 rgb(98,165,248)
```
#5ca4fe
```
#5ca4fe rgb(92,164,254)
```

Tone Color Variation

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

Dichromacy

#83a3fa Protanopia 1% of men
#6fa6fe Deuteranopia 1% of men
#36b5c2 Tritanopia 0.001% of the population

Trichromacy

#75a3fb Protanomaly 1% of men, 0.01% of women
#68a5fe Deuteranomaly 6% of men, 0.4% of women
#44afd8 Tritanomaly 0.01% of the population

#5ca4fe hex color

#5ca4fe Color Information

#5ca4fe Color Conversion

Color Schemes with #5ca4fe

Alternatives to #5ca4fe

#5ca4fe Preview

Shades and Tints of #5ca4fe

Tones of #5ca4fe

Color Blindness Simulator