#5adefb hex color

In a RGB color space, hex #5adefb is composed of 35.3% red, 87.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 11.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 190.8 degrees, a saturation of 95.3% and a lightness of 66.9%. #5adefb color hex could be obtained by blending #b4ffff with #00bdf7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 87
- B 98
RGB color chart
- C 64
- M 12
- Y 0
- K 2
CMYK color chart

● #5adefb color description : Soft cyan.

The hexadecimal color #5adefb has RGB values of R:90, G:222, B:251 and CMYK values of C:0.64, M:0.12, Y:0, K:0.02. Its decimal value is 5955323.

Hex triplet	5adefb	`#5adefb`
RGB Decimal	90, 222, 251	`rgb(90,222,251)`
RGB Percent	35.3, 87.1, 98.4	`rgb(35.3%,87.1%,98.4%)`
CMYK	64, 12, 0, 2
HSL	190.8°, 95.3, 66.9	`hsl(190.8,95.3%,66.9%)`
HSV (or HSB)	190.8°, 64.1, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.581, -27.452, -24.822
XYZ	47.746, 61.377, 100.592
xyY	0.228, 0.293, 61.377
CIE-LCH	82.581, 37.009, 222.12
CIE-LUV	82.581, -50.974, -35.901
Hunter-Lab	78.344, -28.317, -21.287
Binary	01011010, 11011110, 11111011

#5adefb
```
#5adefb rgb(90,222,251)
```
#fb775a
```
#fb775a rgb(251,119,90)
```

Complementary Color

#5afbc8
```
#5afbc8 rgb(90,251,200)
```
#5adefb
```
#5adefb rgb(90,222,251)
```
#5a8efb
```
#5a8efb rgb(90,142,251)
```

Analogous Color

#fbc85a
```
#fbc85a rgb(251,200,90)
```
#5adefb
```
#5adefb rgb(90,222,251)
```
#fb5a8e
```
#fb5a8e rgb(251,90,142)
```

Split Complementary Color

#defb5a
```
#defb5a rgb(222,251,90)
```
#5adefb
```
#5adefb rgb(90,222,251)
```
#fb5ade
```
#fb5ade rgb(251,90,222)
```

Triadic Color

#5afb77
```
#5afb77 rgb(90,251,119)
```
#5adefb
```
#5adefb rgb(90,222,251)
```
#fb5ade
```
#fb5ade rgb(251,90,222)
```
#fb775a
```
#fb775a rgb(251,119,90)
```

Tetradic Color

#0fcff9
```
#0fcff9 rgb(15,207,249)
```
#28d4fa
```
#28d4fa rgb(40,212,250)
```
#41d9fa
```
#41d9fa rgb(65,217,250)
```
#5adefb
```
#5adefb rgb(90,222,251)
```
#73e3fc
```
#73e3fc rgb(115,227,252)
```
#8ce8fc
```
#8ce8fc rgb(140,232,252)
```
#a5edfd
```
#a5edfd rgb(165,237,253)
```

Monochromatic Color

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

#5afbf0
```
#5afbf0 rgb(90,251,240)
```
#5af9fb
```
#5af9fb rgb(90,249,251)
```
#5aebfb
```
#5aebfb rgb(90,235,251)
```
#5adefb
```
#5adefb rgb(90,222,251)
```
#5ad1fb
```
#5ad1fb rgb(90,209,251)
```
#5ac3fb
```
#5ac3fb rgb(90,195,251)
```
#5ab6fb
```
#5ab6fb rgb(90,182,251)
```

Similar Colors

Text with hexadecimal color #5adefb

This text has a font color of #5adefb.

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

#5adefb background color

This paragraph has a background color of #5adefb.

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

#5adefb border color

This element has a border color of #5adefb.

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

CSS codes

.text {color:#5adefb;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01161b
```
#01161b rgb(1,22,27)
```
#01262e
```
#01262e rgb(1,38,46)
```
#023541
```
#023541 rgb(2,53,65)
```
#024554
```
#024554 rgb(2,69,84)
```
#025567
```
#025567 rgb(2,85,103)
```
#03657a
```
#03657a rgb(3,101,122)
```
#03758d
```
#03758d rgb(3,117,141)
```
#0484a1
```
#0484a1 rgb(4,132,161)
```
#0494b4
```
#0494b4 rgb(4,148,180)
```
#05a4c7
```
#05a4c7 rgb(5,164,199)
```
#05b4da
```
#05b4da rgb(5,180,218)
```
#06c3ed
```
#06c3ed rgb(6,195,237)
```

Shade Color Variation

#0dcff9
```
#0dcff9 rgb(13,207,249)
```
#21d3fa
```
#21d3fa rgb(33,211,250)
```
#34d6fa
```
#34d6fa rgb(52,214,250)
```
#47dafb
```
#47dafb rgb(71,218,251)
```
#5adefb
```
#5adefb rgb(90,222,251)
```
#6de2fb
```
#6de2fb rgb(109,226,251)
```
#80e6fc
```
#80e6fc rgb(128,230,252)
```
#93e9fc
```
#93e9fc rgb(147,233,252)
```
#a7edfd
```
#a7edfd rgb(167,237,253)
```
#baf1fd
```
#baf1fd rgb(186,241,253)
```
#cdf5fe
```
#cdf5fe rgb(205,245,254)
```
#e0f9fe
```
#e0f9fe rgb(224,249,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#a8acad
```
#a8acad rgb(168,172,173)
```
#a2b0b4
```
#a2b0b4 rgb(162,176,180)
```
#9bb4ba
```
#9bb4ba rgb(155,180,186)
```
#95b9c1
```
#95b9c1 rgb(149,185,193)
```
#8ebdc7
```
#8ebdc7 rgb(142,189,199)
```
#88c1ce
```
#88c1ce rgb(136,193,206)
```
#81c5d4
```
#81c5d4 rgb(129,197,212)
```
#7bc9db
```
#7bc9db rgb(123,201,219)
```
#74cde1
```
#74cde1 rgb(116,205,225)
```
#6ed2e8
```
#6ed2e8 rgb(110,210,232)
```
#67d6ee
```
#67d6ee rgb(103,214,238)
```
#60daf5
```
#60daf5 rgb(96,218,245)
```
#5adefb
```
#5adefb rgb(90,222,251)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a7c1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cef0 Protanopia 1% of men
#c8ccff Deuteranopia 1% of men
#5ce1f1 Tritanopia 0.001% of the population

Trichromacy

#a0d4f4 Protanomaly 1% of men, 0.01% of women
#a0d3fd Deuteranomaly 6% of men, 0.4% of women
#5be0f5 Tritanomaly 0.01% of the population

#5adefb hex color

#5adefb Color Information

#5adefb Color Conversion

Color Schemes with #5adefb

Alternatives to #5adefb

#5adefb Preview

Shades and Tints of #5adefb

Tones of #5adefb

Color Blindness Simulator