#5fb3e4 hex color

In a RGB color space, hex #5fb3e4 is composed of 37.3% red, 70.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 21.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 202.1 degrees, a saturation of 71.1% and a lightness of 63.3%. #5fb3e4 color hex could be obtained by blending #beffff with #0067c9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 70
- B 89
RGB color chart
- C 58
- M 21
- Y 0
- K 11
CMYK color chart

● #5fb3e4 color description : Soft blue.

The hexadecimal color #5fb3e4 has RGB values of R:95, G:179, B:228 and CMYK values of C:0.58, M:0.21, Y:0, K:0.11. Its decimal value is 6271972.

Hex triplet	5fb3e4	`#5fb3e4`
RGB Decimal	95, 179, 228	`rgb(95,179,228)`
RGB Percent	37.3, 70.2, 89.4	`rgb(37.3%,70.2%,89.4%)`
CMYK	58, 21, 0, 11
HSL	202.1°, 71.1, 63.3	`hsl(202.1,71.1%,63.3%)`
HSV (or HSB)	202.1°, 58.3, 89.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.663, -11.403, -32.272
XYZ	34.84, 40.272, 79.332
xyY	0.226, 0.261, 40.272
CIE-LCH	69.663, 34.227, 250.54
CIE-LUV	69.663, -35.248, -49.822
Hunter-Lab	63.46, -13.06, -29.696
Binary	01011111, 10110011, 11100100

#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#e4905f
```
#e4905f rgb(228,144,95)
```

Complementary Color

#5fe4d3
```
#5fe4d3 rgb(95,228,211)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#5f71e4
```
#5f71e4 rgb(95,113,228)
```

Analogous Color

#e4d35f
```
#e4d35f rgb(228,211,95)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#e45f71
```
#e45f71 rgb(228,95,113)
```

Split Complementary Color

#b3e45f
```
#b3e45f rgb(179,228,95)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#e45fb3
```
#e45fb3 rgb(228,95,179)
```

Triadic Color

#5fe490
```
#5fe490 rgb(95,228,144)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#e45fb3
```
#e45fb3 rgb(228,95,179)
```
#e4905f
```
#e4905f rgb(228,144,95)
```

Tetradic Color

#2492d3
```
#2492d3 rgb(36,146,211)
```
#339edd
```
#339edd rgb(51,158,221)
```
#49a9e0
```
#49a9e0 rgb(73,169,224)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#75bde8
```
#75bde8 rgb(117,189,232)
```
#8bc8eb
```
#8bc8eb rgb(139,200,235)
```
#a0d2ef
```
#a0d2ef rgb(160,210,239)
```

Monochromatic Color

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

#5fd4e4
```
#5fd4e4 rgb(95,212,228)
```
#5fc9e4
```
#5fc9e4 rgb(95,201,228)
```
#5fbee4
```
#5fbee4 rgb(95,190,228)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#5fa8e4
```
#5fa8e4 rgb(95,168,228)
```
#5f9de4
```
#5f9de4 rgb(95,157,228)
```
#5f92e4
```
#5f92e4 rgb(95,146,228)
```

Similar Colors

Text with hexadecimal color #5fb3e4

This text has a font color of #5fb3e4.

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

#5fb3e4 background color

This paragraph has a background color of #5fb3e4.

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

#5fb3e4 border color

This element has a border color of #5fb3e4.

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

CSS codes

.text {color:#5fb3e4;}

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

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

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

#010508
```
#010508 rgb(1,5,8)
```
#041119
```
#041119 rgb(4,17,25)
```
#071d29
```
#071d29 rgb(7,29,41)
```
#0a283a
```
#0a283a rgb(10,40,58)
```
#0d344b
```
#0d344b rgb(13,52,75)
```
#0f405c
```
#0f405c rgb(15,64,92)
```
#124b6d
```
#124b6d rgb(18,75,109)
```
#15577d
```
#15577d rgb(21,87,125)
```
#18638e
```
#18638e rgb(24,99,142)
```
#1b6e9f
```
#1b6e9f rgb(27,110,159)
```
#1e7ab0
```
#1e7ab0 rgb(30,122,176)
```
#2086c0
```
#2086c0 rgb(32,134,192)
```
#2391d1
```
#2391d1 rgb(35,145,209)
```

Shade Color Variation

#2d9bdc
```
#2d9bdc rgb(45,155,220)
```
#3da3de
```
#3da3de rgb(61,163,222)
```
#4eabe1
```
#4eabe1 rgb(78,171,225)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#70bbe7
```
#70bbe7 rgb(112,187,231)
```
#81c3ea
```
#81c3ea rgb(129,195,234)
```
#91cbec
```
#91cbec rgb(145,203,236)
```
#a2d3ef
```
#a2d3ef rgb(162,211,239)
```
#b3dbf2
```
#b3dbf2 rgb(179,219,242)
```
#c4e3f5
```
#c4e3f5 rgb(196,227,245)
```
#d4ebf8
```
#d4ebf8 rgb(212,235,248)
```
#e5f3fb
```
#e5f3fb rgb(229,243,251)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#a0a2a3
```
#a0a2a3 rgb(160,162,163)
```
#99a4aa
```
#99a4aa rgb(153,164,170)
```
#91a6b2
```
#91a6b2 rgb(145,166,178)
```
#8aa8b9
```
#8aa8b9 rgb(138,168,185)
```
#83aac0
```
#83aac0 rgb(131,170,192)
```
#7cabc7
```
#7cabc7 rgb(124,171,199)
```
#75adce
```
#75adce rgb(117,173,206)
```
#6dafd6
```
#6dafd6 rgb(109,175,214)
```
#66b1dd
```
#66b1dd rgb(102,177,221)
```
#5fb3e4
```
#5fb3e4 rgb(95,179,228)
```
#58b5eb
```
#58b5eb rgb(88,181,235)
```
#51b7f2
```
#51b7f2 rgb(81,183,242)
```
#49b9fa
```
#49b9fa rgb(73,185,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#92a3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0acde Protanopia 1% of men
#9aace9 Deuteranopia 1% of men
#58bcc9 Tritanopia 0.001% of the population

Trichromacy

#88afe0 Protanomaly 1% of men, 0.01% of women
#84aee7 Deuteranomaly 6% of men, 0.4% of women
#5ab8d3 Tritanomaly 0.01% of the population

#5fb3e4 hex color

#5fb3e4 Color Information

#5fb3e4 Color Conversion

Color Schemes with #5fb3e4

Alternatives to #5fb3e4

#5fb3e4 Preview

Shades and Tints of #5fb3e4

Tones of #5fb3e4

Color Blindness Simulator