#5fbaff hex color

In a RGB color space, hex #5fbaff is composed of 37.3% red, 72.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 27.1% magenta, 0% yellow and 0% black. It has a hue angle of 205.9 degrees, a saturation of 100% and a lightness of 68.6%. #5fbaff color hex could be obtained by blending #beffff with #0075ff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 73
- B 100
RGB color chart
- C 63
- M 27
- Y 0
- K 0
CMYK color chart

● #5fbaff color description : Light blue.

The hexadecimal color #5fbaff has RGB values of R:95, G:186, B:255 and CMYK values of C:0.63, M:0.27, Y:0, K:0. Its decimal value is 6273791.

Hex triplet	5fbaff	`#5fbaff`
RGB Decimal	95, 186, 255	`rgb(95,186,255)`
RGB Percent	37.3, 72.9, 100	`rgb(37.3%,72.9%,100%)`
CMYK	63, 27, 0, 0
HSL	205.9°, 100, 68.6	`hsl(205.9,100%,68.6%)`
HSV (or HSB)	205.9°, 62.7, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.739, -6.792, -42.13
XYZ	40.324, 44.768, 101.118
xyY	0.217, 0.24, 44.768
CIE-LCH	72.739, 42.674, 260.842
CIE-LUV	72.739, -36.84, -67.57
Hunter-Lab	66.909, -9.514, -42.768
Binary	01011111, 10111010, 11111111

#5fbaff
```
#5fbaff rgb(95,186,255)
```
#ffa45f
```
#ffa45f rgb(255,164,95)
```

Complementary Color

#5ffff4
```
#5ffff4 rgb(95,255,244)
```
#5fbaff
```
#5fbaff rgb(95,186,255)
```
#5f6aff
```
#5f6aff rgb(95,106,255)
```

Analogous Color

#fff45f
```
#fff45f rgb(255,244,95)
```
#5fbaff
```
#5fbaff rgb(95,186,255)
```
#ff5f6a
```
#ff5f6a rgb(255,95,106)
```

Split Complementary Color

#baff5f
```
#baff5f rgb(186,255,95)
```
#5fbaff
```
#5fbaff rgb(95,186,255)
```
#ff5fba
```
#ff5fba rgb(255,95,186)
```

Triadic Color

#5fffa4
```
#5fffa4 rgb(95,255,164)
```
#5fbaff
```
#5fbaff rgb(95,186,255)
```
#ff5fba
```
#ff5fba rgb(255,95,186)
```
#ffa45f
```
#ffa45f rgb(255,164,95)
```

Tetradic Color

#1399ff
```
#1399ff rgb(19,153,255)
```
#2ca4ff
```
#2ca4ff rgb(44,164,255)
```
#46afff
```
#46afff rgb(70,175,255)
```
#5fbaff
```
#5fbaff rgb(95,186,255)
```
#79c5ff
```
#79c5ff rgb(121,197,255)
```
#92d0ff
```
#92d0ff rgb(146,208,255)
```
#acdbff
```
#acdbff rgb(172,219,255)
```

Monochromatic Color

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

#5fe2ff
```
#5fe2ff rgb(95,226,255)
```
#5fd5ff
```
#5fd5ff rgb(95,213,255)
```
#5fc7ff
```
#5fc7ff rgb(95,199,255)
```
#5fbaff
```
#5fbaff rgb(95,186,255)
```
#5fadff
```
#5fadff rgb(95,173,255)
```
#5f9fff
```
#5f9fff rgb(95,159,255)
```
#5f92ff
```
#5f92ff rgb(95,146,255)
```

Similar Colors

Text with hexadecimal color #5fbaff

This text has a font color of #5fbaff.

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

#5fbaff background color

This paragraph has a background color of #5fbaff.

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

#5fbaff border color

This element has a border color of #5fbaff.

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

CSS codes

.text {color:#5fbaff;}

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

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

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

#000911
```
#000911 rgb(0,9,17)
```
#001524
```
#001524 rgb(0,21,36)
```
#002038
```
#002038 rgb(0,32,56)
```
#002b4b
```
#002b4b rgb(0,43,75)
```
#00365f
```
#00365f rgb(0,54,95)
```
#004173
```
#004173 rgb(0,65,115)
```
#004c86
```
#004c86 rgb(0,76,134)
```
#00589a
```
#00589a rgb(0,88,154)
```
#0063ad
```
#0063ad rgb(0,99,173)
```
#006ec1
```
#006ec1 rgb(0,110,193)
```
#0079d5
```
#0079d5 rgb(0,121,213)
```
#0084e8
```
#0084e8 rgb(0,132,232)
```
#008ffc
```
#008ffc rgb(0,143,252)
```

Shade Color Variation

#1198ff
```
#1198ff rgb(17,152,255)
```
#24a1ff
```
#24a1ff rgb(36,161,255)
```
#38a9ff
```
#38a9ff rgb(56,169,255)
```
#4bb2ff
```
#4bb2ff rgb(75,178,255)
```
#5fbaff
```
#5fbaff rgb(95,186,255)
```
#73c2ff
```
#73c2ff rgb(115,194,255)
```
#86cbff
```
#86cbff rgb(134,203,255)
```
#9ad3ff
```
#9ad3ff rgb(154,211,255)
```
#addcff
```
#addcff rgb(173,220,255)
```
#c1e4ff
```
#c1e4ff rgb(193,228,255)
```
#d5edff
```
#d5edff rgb(213,237,255)
```
#e8f5ff
```
#e8f5ff rgb(232,245,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#a9b0b5
```
#a9b0b5 rgb(169,176,181)
```
#a3b1bb
```
#a3b1bb rgb(163,177,187)
```
#9db2c1
```
#9db2c1 rgb(157,178,193)
```
#96b2c8
```
#96b2c8 rgb(150,178,200)
```
#90b3ce
```
#90b3ce rgb(144,179,206)
```
#8ab4d4
```
#8ab4d4 rgb(138,180,212)
```
#84b5da
```
#84b5da rgb(132,181,218)
```
#7eb6e0
```
#7eb6e0 rgb(126,182,224)
```
#78b7e6
```
#78b7e6 rgb(120,183,230)
```
#71b7ed
```
#71b7ed rgb(113,183,237)
```
#6bb8f3
```
#6bb8f3 rgb(107,184,243)
```
#65b9f9
```
#65b9f9 rgb(101,185,249)
```
#5fbaff
```
#5fbaff rgb(95,186,255)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#99abb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b4f8 Protanopia 1% of men
#96b5ff Deuteranopia 1% of men
#4ac6d4 Tritanopia 0.001% of the population

Trichromacy

#88b6fa Protanomaly 1% of men, 0.01% of women
#82b7ff Deuteranomaly 6% of men, 0.4% of women
#51c1e3 Tritanomaly 0.01% of the population

#5fbaff hex color

#5fbaff Color Information

#5fbaff Color Conversion

Color Schemes with #5fbaff

Alternatives to #5fbaff

#5fbaff Preview

Shades and Tints of #5fbaff

Tones of #5fbaff

Color Blindness Simulator