colorhexa.com

#5eb4f2 hex color

In a RGB color space, hex #5eb4f2 is composed of 36.9% red, 70.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 25.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 205.1 degrees, a saturation of 85.1% and a lightness of 65.9%. #5eb4f2 color hex could be obtained by blending #bcffff with #0069e5. Closest websafe color is: #66ccff.

- R 37
- G 71
- B 95
RGB color chart
- C 61
- M 26
- Y 0
- K 5
CMYK color chart

● #5eb4f2 color description : Soft blue.

The hexadecimal color #5eb4f2 has RGB values of R:94, G:180, B:242 and CMYK values of C:0.61, M:0.26, Y:0, K:0.05. Its decimal value is 6206706.

Hex triplet	5eb4f2	`#5eb4f2`
RGB Decimal	94, 180, 242	`rgb(94,180,242)`
RGB Percent	36.9, 70.6, 94.9	`rgb(36.9%,70.6%,94.9%)`
CMYK	61, 26, 0, 5
HSL	205.1°, 85.1, 65.9	`hsl(205.1,85.1%,65.9%)`
HSV (or HSB)	205.1°, 61.2, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.476, -7.791, -38.634
XYZ	36.96, 41.43, 90.049
xyY	0.219, 0.246, 41.43
CIE-LCH	70.476, 39.411, 258.599
CIE-LUV	70.476, -35.387, -61.18
Hunter-Lab	64.366, -10.143, -37.89
Binary	01011110, 10110100, 11110010

#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#f29c5e
```
#f29c5e rgb(242,156,94)
```

Complementary Color

#5ef2e6
```
#5ef2e6 rgb(94,242,230)
```
#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#5e6af2
```
#5e6af2 rgb(94,106,242)
```

Analogous Color

#f2e65e
```
#f2e65e rgb(242,230,94)
```
#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#f25e6a
```
#f25e6a rgb(242,94,106)
```

Split Complementary Color

#b4f25e
```
#b4f25e rgb(180,242,94)
```
#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#f25eb4
```
#f25eb4 rgb(242,94,180)
```

Triadic Color

#5ef29c
```
#5ef29c rgb(94,242,156)
```
#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#f25eb4
```
#f25eb4 rgb(242,94,180)
```
#f29c5e
```
#f29c5e rgb(242,156,94)
```

Tetradic Color

#1793ec
```
#1793ec rgb(23,147,236)
```
#2f9eee
```
#2f9eee rgb(47,158,238)
```
#46a9f0
```
#46a9f0 rgb(70,169,240)
```
#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#76bff4
```
#76bff4 rgb(118,191,244)
```
#8dcaf6
```
#8dcaf6 rgb(141,202,246)
```
#a5d5f8
```
#a5d5f8 rgb(165,213,248)
```

Monochromatic Color

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

#5ed9f2
```
#5ed9f2 rgb(94,217,242)
```
#5ecdf2
```
#5ecdf2 rgb(94,205,242)
```
#5ec0f2
```
#5ec0f2 rgb(94,192,242)
```
#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#5ea8f2
```
#5ea8f2 rgb(94,168,242)
```
#5e9bf2
```
#5e9bf2 rgb(94,155,242)
```
#5e8ff2
```
#5e8ff2 rgb(94,143,242)
```

Similar Colors

Text with hexadecimal color #5eb4f2

This text has a font color of #5eb4f2.

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

#5eb4f2 background color

This paragraph has a background color of #5eb4f2.

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

#5eb4f2 border color

This element has a border color of #5eb4f2.

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

CSS codes

.text {color:#5eb4f2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020d14
```
#020d14 rgb(2,13,20)
```
#031827
```
#031827 rgb(3,24,39)
```
#052339
```
#052339 rgb(5,35,57)
```
#062e4b
```
#062e4b rgb(6,46,75)
```
#08395d
```
#08395d rgb(8,57,93)
```
#09446f
```
#09446f rgb(9,68,111)
```
#0a5081
```
#0a5081 rgb(10,80,129)
```
#0c5b94
```
#0c5b94 rgb(12,91,148)
```
#0d66a6
```
#0d66a6 rgb(13,102,166)
```
#0f71b8
```
#0f71b8 rgb(15,113,184)
```
#107cca
```
#107cca rgb(16,124,202)
```
#1287dc
```
#1287dc rgb(18,135,220)
```

Shade Color Variation

#1592ec
```
#1592ec rgb(21,146,236)
```
#289bee
```
#289bee rgb(40,155,238)
```
#3aa3ef
```
#3aa3ef rgb(58,163,239)
```
#4cacf1
```
#4cacf1 rgb(76,172,241)
```
#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#70bcf3
```
#70bcf3 rgb(112,188,243)
```
#82c5f5
```
#82c5f5 rgb(130,197,245)
```
#94cdf6
```
#94cdf6 rgb(148,205,246)
```
#a7d6f8
```
#a7d6f8 rgb(167,214,248)
```
#b9def9
```
#b9def9 rgb(185,222,249)
```
#cbe7fb
```
#cbe7fb rgb(203,231,251)
```
#ddeffc
```
#ddeffc rgb(221,239,252)
```
#eff8fe
```
#eff8fe rgb(239,248,254)
```

Tint Color Variation

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

#a8a8a8
```
#a8a8a8 rgb(168,168,168)
```
#a1a9af
```
#a1a9af rgb(161,169,175)
```
#9aaab6
```
#9aaab6 rgb(154,170,182)
```
#94abbc
```
#94abbc rgb(148,171,188)
```
#8dacc3
```
#8dacc3 rgb(141,172,195)
```
#86adca
```
#86adca rgb(134,173,202)
```
#7fafd1
```
#7fafd1 rgb(127,175,209)
```
#79b0d7
```
#79b0d7 rgb(121,176,215)
```
#72b1de
```
#72b1de rgb(114,177,222)
```
#6bb2e5
```
#6bb2e5 rgb(107,178,229)
```
#65b3eb
```
#65b3eb rgb(101,179,235)
```
#5eb4f2
```
#5eb4f2 rgb(94,180,242)
```
#57b5f9
```
#57b5f9 rgb(87,181,249)
```

Tone Color Variation

Below, you can see how #5eb4f2 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

#a1a1a1 Achromatopsia 0.005% of the population
#94a5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9daeec Protanopia 1% of men
#93aff6 Deuteranopia 1% of men
#4fbfcd Tritanopia 0.001% of the population

Trichromacy

#86b0ee Protanomaly 1% of men, 0.01% of women
#7fb1f4 Deuteranomaly 6% of men, 0.4% of women
#54bbda Tritanomaly 0.01% of the population