#5fbbe4 hex color

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

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

● #5fbbe4 color description : Soft blue.

The hexadecimal color #5fbbe4 has RGB values of R:95, G:187, B:228 and CMYK values of C:0.58, M:0.18, Y:0, K:0.11. Its decimal value is 6274020.

Hex triplet	5fbbe4	`#5fbbe4`
RGB Decimal	95, 187, 228	`rgb(95,187,228)`
RGB Percent	37.3, 73.3, 89.4	`rgb(37.3%,73.3%,89.4%)`
CMYK	58, 18, 0, 11
HSL	198.5°, 71.1, 63.3	`hsl(198.5,71.1%,63.3%)`
HSV (or HSB)	198.5°, 58.3, 89.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.942, -15.663, -28.758
XYZ	36.49, 43.572, 79.882
xyY	0.228, 0.272, 43.572
CIE-LCH	71.942, 32.747, 241.425
CIE-LUV	71.942, -38.203, -43.528
Hunter-Lab	66.009, -16.843, -25.544
Binary	01011111, 10111011, 11100100

#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#e4885f
```
#e4885f rgb(228,136,95)
```

Complementary Color

#5fe4cb
```
#5fe4cb rgb(95,228,203)
```
#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#5f79e4
```
#5f79e4 rgb(95,121,228)
```

Analogous Color

#e4cb5f
```
#e4cb5f rgb(228,203,95)
```
#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#e45f79
```
#e45f79 rgb(228,95,121)
```

Split Complementary Color

#bbe45f
```
#bbe45f rgb(187,228,95)
```
#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#e45fbb
```
#e45fbb rgb(228,95,187)
```

Triadic Color

#5fe488
```
#5fe488 rgb(95,228,136)
```
#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#e45fbb
```
#e45fbb rgb(228,95,187)
```
#e4885f
```
#e4885f rgb(228,136,95)
```

Tetradic Color

#249dd3
```
#249dd3 rgb(36,157,211)
```
#33a8dd
```
#33a8dd rgb(51,168,221)
```
#49b2e0
```
#49b2e0 rgb(73,178,224)
```
#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#75c4e8
```
#75c4e8 rgb(117,196,232)
```
#8bceeb
```
#8bceeb rgb(139,206,235)
```
#a0d7ef
```
#a0d7ef rgb(160,215,239)
```

Monochromatic Color

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

#5fdce4
```
#5fdce4 rgb(95,220,228)
```
#5fd1e4
```
#5fd1e4 rgb(95,209,228)
```
#5fc6e4
```
#5fc6e4 rgb(95,198,228)
```
#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#5fb0e4
```
#5fb0e4 rgb(95,176,228)
```
#5fa5e4
```
#5fa5e4 rgb(95,165,228)
```
#5f9ae4
```
#5f9ae4 rgb(95,154,228)
```

Similar Colors

Text with hexadecimal color #5fbbe4

This text has a font color of #5fbbe4.

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

#5fbbe4 background color

This paragraph has a background color of #5fbbe4.

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

#5fbbe4 border color

This element has a border color of #5fbbe4.

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

CSS codes

.text {color:#5fbbe4;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#041219
```
#041219 rgb(4,18,25)
```
#071f29
```
#071f29 rgb(7,31,41)
```
#0a2b3a
```
#0a2b3a rgb(10,43,58)
```
#0d384b
```
#0d384b rgb(13,56,75)
```
#0f445c
```
#0f445c rgb(15,68,92)
```
#12516d
```
#12516d rgb(18,81,109)
```
#155d7d
```
#155d7d rgb(21,93,125)
```
#186a8e
```
#186a8e rgb(24,106,142)
```
#1b769f
```
#1b769f rgb(27,118,159)
```
#1e83b0
```
#1e83b0 rgb(30,131,176)
```
#208fc0
```
#208fc0 rgb(32,143,192)
```
#239cd1
```
#239cd1 rgb(35,156,209)
```

Shade Color Variation

#2da6dc
```
#2da6dc rgb(45,166,220)
```
#3dadde
```
#3dadde rgb(61,173,222)
```
#4eb4e1
```
#4eb4e1 rgb(78,180,225)
```
#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#70c2e7
```
#70c2e7 rgb(112,194,231)
```
#81c9ea
```
#81c9ea rgb(129,201,234)
```
#91d0ec
```
#91d0ec rgb(145,208,236)
```
#a2d8ef
```
#a2d8ef rgb(162,216,239)
```
#b3dff2
```
#b3dff2 rgb(179,223,242)
```
#c4e6f5
```
#c4e6f5 rgb(196,230,245)
```
#d4edf8
```
#d4edf8 rgb(212,237,248)
```
#e5f4fb
```
#e5f4fb rgb(229,244,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 #49c3fa is the most saturated one.

#a0a2a3
```
#a0a2a3 rgb(160,162,163)
```
#99a5aa
```
#99a5aa rgb(153,165,170)
```
#91a8b2
```
#91a8b2 rgb(145,168,178)
```
#8aaab9
```
#8aaab9 rgb(138,170,185)
```
#83adc0
```
#83adc0 rgb(131,173,192)
```
#7cb0c7
```
#7cb0c7 rgb(124,176,199)
```
#75b3ce
```
#75b3ce rgb(117,179,206)
```
#6db5d6
```
#6db5d6 rgb(109,181,214)
```
#66b8dd
```
#66b8dd rgb(102,184,221)
```
#5fbbe4
```
#5fbbe4 rgb(95,187,228)
```
#58beeb
```
#58beeb rgb(88,190,235)
```
#51c1f2
```
#51c1f2 rgb(81,193,242)
```
#49c3fa
```
#49c3fa rgb(73,195,250)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#96a9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b2dd Protanopia 1% of men
#a5b1ea Deuteranopia 1% of men
#5cc2d0 Tritanopia 0.001% of the population

Trichromacy

#8eb5df Protanomaly 1% of men, 0.01% of women
#8bb5e7 Deuteranomaly 6% of men, 0.4% of women
#5dbfd7 Tritanomaly 0.01% of the population

#5fbbe4 hex color

#5fbbe4 Color Information

#5fbbe4 Color Conversion

Color Schemes with #5fbbe4

Alternatives to #5fbbe4

#5fbbe4 Preview

Shades and Tints of #5fbbe4

Tones of #5fbbe4

Color Blindness Simulator