colorhexa.com

#5bd1f0 hex color

In a RGB color space, hex #5bd1f0 is composed of 35.7% red, 82% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 12.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 192.5 degrees, a saturation of 83.2% and a lightness of 64.9%. #5bd1f0 color hex could be obtained by blending #b6ffff with #00a3e1. Closest websafe color is: #66ccff.

- R 36
- G 82
- B 94
RGB color chart
- C 62
- M 13
- Y 0
- K 6
CMYK color chart

● #5bd1f0 color description : Soft cyan.

The hexadecimal color #5bd1f0 has RGB values of R:91, G:209, B:240 and CMYK values of C:0.62, M:0.13, Y:0, K:0.06. Its decimal value is 6017520.

Hex triplet	5bd1f0	`#5bd1f0`
RGB Decimal	91, 209, 240	`rgb(91,209,240)`
RGB Percent	35.7, 82, 94.1	`rgb(35.7%,82%,94.1%)`
CMYK	62, 13, 0, 6
HSL	192.5°, 83.2, 64.9	`hsl(192.5,83.2%,64.9%)`
HSV (or HSB)	192.5°, 62.1, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.528, -24.09, -25.149
XYZ	42.839, 54.113, 90.621
xyY	0.228, 0.288, 54.113
CIE-LCH	78.528, 34.825, 226.232
CIE-LUV	78.528, -46.666, -36.719
Hunter-Lab	73.562, -24.783, -21.546
Binary	01011011, 11010001, 11110000

#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#f07a5b
```
#f07a5b rgb(240,122,91)
```

Complementary Color

#5bf0c5
```
#5bf0c5 rgb(91,240,197)
```
#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#5b87f0
```
#5b87f0 rgb(91,135,240)
```

Analogous Color

#f0c55b
```
#f0c55b rgb(240,197,91)
```
#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#f05b87
```
#f05b87 rgb(240,91,135)
```

Split Complementary Color

#d1f05b
```
#d1f05b rgb(209,240,91)
```
#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#f05bd1
```
#f05bd1 rgb(240,91,209)
```

Triadic Color

#5bf07a
```
#5bf07a rgb(91,240,122)
```
#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#f05bd1
```
#f05bd1 rgb(240,91,209)
```
#f07a5b
```
#f07a5b rgb(240,122,91)
```

Tetradic Color

#15bde9
```
#15bde9 rgb(21,189,233)
```
#2cc4ec
```
#2cc4ec rgb(44,196,236)
```
#44caee
```
#44caee rgb(68,202,238)
```
#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#72d8f2
```
#72d8f2 rgb(114,216,242)
```
#8adef4
```
#8adef4 rgb(138,222,244)
```
#a1e5f6
```
#a1e5f6 rgb(161,229,246)
```

Monochromatic Color

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

#5bf0ea
```
#5bf0ea rgb(91,240,234)
```
#5beaf0
```
#5beaf0 rgb(91,234,240)
```
#5bddf0
```
#5bddf0 rgb(91,221,240)
```
#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#5bc5f0
```
#5bc5f0 rgb(91,197,240)
```
#5bb8f0
```
#5bb8f0 rgb(91,184,240)
```
#5bacf0
```
#5bacf0 rgb(91,172,240)
```

Similar Colors

Text with hexadecimal color #5bd1f0

This text has a font color of #5bd1f0.

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

#5bd1f0 background color

This paragraph has a background color of #5bd1f0.

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

#5bd1f0 border color

This element has a border color of #5bd1f0.

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

CSS codes

.text {color:#5bd1f0;}

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

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

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, #010d10 is the darkest color, while #fdfeff is the lightest one.

#010d10
```
#010d10 rgb(1,13,16)
```
#031b22
```
#031b22 rgb(3,27,34)
```
#052a34
```
#052a34 rgb(5,42,52)
```
#063846
```
#063846 rgb(6,56,70)
```
#084758
```
#084758 rgb(8,71,88)
```
#0a566a
```
#0a566a rgb(10,86,106)
```
#0b647c
```
#0b647c rgb(11,100,124)
```
#0d738e
```
#0d738e rgb(13,115,142)
```
#0f819f
```
#0f819f rgb(15,129,159)
```
#1090b1
```
#1090b1 rgb(16,144,177)
```
#129ec3
```
#129ec3 rgb(18,158,195)
```
#14add5
```
#14add5 rgb(20,173,213)
```
#15bce7
```
#15bce7 rgb(21,188,231)
```

Shade Color Variation

#25c2eb
```
#25c2eb rgb(37,194,235)
```
#37c7ed
```
#37c7ed rgb(55,199,237)
```
#49ccee
```
#49ccee rgb(73,204,238)
```
#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#6dd6f2
```
#6dd6f2 rgb(109,214,242)
```
#7fdbf3
```
#7fdbf3 rgb(127,219,243)
```
#91e0f5
```
#91e0f5 rgb(145,224,245)
```
#a3e5f7
```
#a3e5f7 rgb(163,229,247)
```
#b5eaf8
```
#b5eaf8 rgb(181,234,248)
```
#c7effa
```
#c7effa rgb(199,239,250)
```
#d9f4fc
```
#d9f4fc rgb(217,244,252)
```
#ebf9fd
```
#ebf9fd rgb(235,249,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a0a9ab
```
#a0a9ab rgb(160,169,171)
```
#99adb2
```
#99adb2 rgb(153,173,178)
```
#92b1b9
```
#92b1b9 rgb(146,177,185)
```
#8bb5c0
```
#8bb5c0 rgb(139,181,192)
```
#84b9c7
```
#84b9c7 rgb(132,185,199)
```
#7dbdce
```
#7dbdce rgb(125,189,206)
```
#77c1d4
```
#77c1d4 rgb(119,193,212)
```
#70c5db
```
#70c5db rgb(112,197,219)
```
#69c9e2
```
#69c9e2 rgb(105,201,226)
```
#62cde9
```
#62cde9 rgb(98,205,233)
```
#5bd1f0
```
#5bd1f0 rgb(91,209,240)
```
#54d5f7
```
#54d5f7 rgb(84,213,247)
```
#4dd9fe
```
#4dd9fe rgb(77,217,254)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0b7be Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc3e7 Protanopia 1% of men
#bbc2f7 Deuteranopia 1% of men
#5cd5e5 Tritanopia 0.001% of the population

Trichromacy

#99c8ea Protanomaly 1% of men, 0.01% of women
#98c7f4 Deuteranomaly 6% of men, 0.4% of women
#5bd3e9 Tritanomaly 0.01% of the population