#5badc4 hex color

In a RGB color space, hex #5badc4 is composed of 35.7% red, 67.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 11.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 193.1 degrees, a saturation of 47.1% and a lightness of 56.3%. #5badc4 color hex could be obtained by blending #b6ffff with #005b89. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 68
- B 77
RGB color chart
- C 54
- M 12
- Y 0
- K 23
CMYK color chart

● #5badc4 color description : Moderate cyan.

The hexadecimal color #5badc4 has RGB values of R:91, G:173, B:196 and CMYK values of C:0.54, M:0.12, Y:0, K:0.23. Its decimal value is 6008260.

Hex triplet	5badc4	`#5badc4`
RGB Decimal	91, 173, 196	`rgb(91,173,196)`
RGB Percent	35.7, 67.8, 76.9	`rgb(35.7%,67.8%,76.9%)`
CMYK	54, 12, 0, 23
HSL	193.1°, 47.1, 56.3	`hsl(193.1,47.1%,56.3%)`
HSV (or HSB)	193.1°, 53.6, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.592, -18.549, -19.397
XYZ	29.219, 36.095, 57.649
xyY	0.238, 0.294, 36.095
CIE-LCH	66.592, 26.839, 226.281
CIE-LUV	66.592, -35.2, -27.238
Hunter-Lab	60.079, -18.326, -14.836
Binary	01011011, 10101101, 11000100

#5badc4
```
#5badc4 rgb(91,173,196)
```
#c4725b
```
#c4725b rgb(196,114,91)
```

Complementary Color

#5bc4a7
```
#5bc4a7 rgb(91,196,167)
```
#5badc4
```
#5badc4 rgb(91,173,196)
```
#5b79c4
```
#5b79c4 rgb(91,121,196)
```

Analogous Color

#c4a75b
```
#c4a75b rgb(196,167,91)
```
#5badc4
```
#5badc4 rgb(91,173,196)
```
#c45b79
```
#c45b79 rgb(196,91,121)
```

Split Complementary Color

#adc45b
```
#adc45b rgb(173,196,91)
```
#5badc4
```
#5badc4 rgb(91,173,196)
```
#c45bad
```
#c45bad rgb(196,91,173)
```

Triadic Color

#5bc472
```
#5bc472 rgb(91,196,114)
```
#5badc4
```
#5badc4 rgb(91,173,196)
```
#c45bad
```
#c45bad rgb(196,91,173)
```
#c4725b
```
#c4725b rgb(196,114,91)
```

Tetradic Color

#38859b
```
#38859b rgb(56,133,155)
```
#3e95ae
```
#3e95ae rgb(62,149,174)
```
#48a4bd
```
#48a4bd rgb(72,164,189)
```
#5badc4
```
#5badc4 rgb(91,173,196)
```
#6eb6cb
```
#6eb6cb rgb(110,182,203)
```
#81c0d1
```
#81c0d1 rgb(129,192,209)
```
#93c9d8
```
#93c9d8 rgb(147,201,216)
```

Monochromatic Color

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

#5bc4c1
```
#5bc4c1 rgb(91,196,193)
```
#5bbfc4
```
#5bbfc4 rgb(91,191,196)
```
#5bb6c4
```
#5bb6c4 rgb(91,182,196)
```
#5badc4
```
#5badc4 rgb(91,173,196)
```
#5ba4c4
```
#5ba4c4 rgb(91,164,196)
```
#5b9cc4
```
#5b9cc4 rgb(91,156,196)
```
#5b93c4
```
#5b93c4 rgb(91,147,196)
```

Similar Colors

Text with hexadecimal color #5badc4

This text has a font color of #5badc4.

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

#5badc4 background color

This paragraph has a background color of #5badc4.

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

#5badc4 border color

This element has a border color of #5badc4.

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

CSS codes

.text {color:#5badc4;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#081418
```
#081418 rgb(8,20,24)
```
#0e2126
```
#0e2126 rgb(14,33,38)
```
#132d34
```
#132d34 rgb(19,45,52)
```
#183943
```
#183943 rgb(24,57,67)
```
#1d4651
```
#1d4651 rgb(29,70,81)
```
#225260
```
#225260 rgb(34,82,96)
```
#285f6e
```
#285f6e rgb(40,95,110)
```
#2d6b7d
```
#2d6b7d rgb(45,107,125)
```
#32778b
```
#32778b rgb(50,119,139)
```
#378499
```
#378499 rgb(55,132,153)
```
#3c90a8
```
#3c90a8 rgb(60,144,168)
```
#429db6
```
#429db6 rgb(66,157,182)
```

Shade Color Variation

#4da6bf
```
#4da6bf rgb(77,166,191)
```
#5badc4
```
#5badc4 rgb(91,173,196)
```
#69b4c9
```
#69b4c9 rgb(105,180,201)
```
#78bbce
```
#78bbce rgb(120,187,206)
```
#86c3d4
```
#86c3d4 rgb(134,195,212)
```
#95cad9
```
#95cad9 rgb(149,202,217)
```
#a3d1de
```
#a3d1de rgb(163,209,222)
```
#b2d8e3
```
#b2d8e3 rgb(178,216,227)
```
#c0dfe8
```
#c0dfe8 rgb(192,223,232)
```
#cee7ee
```
#cee7ee rgb(206,231,238)
```
#ddeef3
```
#ddeef3 rgb(221,238,243)
```
#ebf5f8
```
#ebf5f8 rgb(235,245,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9091 is the less saturated color, while #28caf7 is the most saturated one.

#8e9091
```
#8e9091 rgb(142,144,145)
```
#869599
```
#869599 rgb(134,149,153)
```
#7d9aa2
```
#7d9aa2 rgb(125,154,162)
```
#759faa
```
#759faa rgb(117,159,170)
```
#6ca3b3
```
#6ca3b3 rgb(108,163,179)
```
#64a8bb
```
#64a8bb rgb(100,168,187)
```
#5badc4
```
#5badc4 rgb(91,173,196)
```
#52b2cd
```
#52b2cd rgb(82,178,205)
```
#4ab7d5
```
#4ab7d5 rgb(74,183,213)
```
#41bbde
```
#41bbde rgb(65,187,222)
```
#39c0e6
```
#39c0e6 rgb(57,192,230)
```
#30c5ef
```
#30c5ef rgb(48,197,239)
```
#28caf7
```
#28caf7 rgb(40,202,247)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8b9ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a5bf Protanopia 1% of men
#a2a3cc Deuteranopia 1% of men
#60b2bf Tritanopia 0.001% of the population

Trichromacy

#87a8c1 Protanomaly 1% of men, 0.01% of women
#88a7c9 Deuteranomaly 6% of men, 0.4% of women
#5eb0c1 Tritanomaly 0.01% of the population

#5badc4 hex color

#5badc4 Color Information

#5badc4 Color Conversion

Color Schemes with #5badc4

Alternatives to #5badc4

#5badc4 Preview

Shades and Tints of #5badc4

Tones of #5badc4

Color Blindness Simulator