#1badb4 hex color

In a RGB color space, hex #1badb4 is composed of 10.6% red, 67.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 3.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 182.7 degrees, a saturation of 73.9% and a lightness of 40.6%. #1badb4 color hex could be obtained by blending #36ffff with #005b69. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 68
- B 71
RGB color chart
- C 85
- M 4
- Y 0
- K 29
CMYK color chart

● #1badb4 color description : Strong cyan.

The hexadecimal color #1badb4 has RGB values of R:27, G:173, B:180 and CMYK values of C:0.85, M:0.04, Y:0, K:0.29. Its decimal value is 1813940.

Hex triplet	1badb4	`#1badb4`
RGB Decimal	27, 173, 180	`rgb(27,173,180)`
RGB Percent	10.6, 67.8, 70.6	`rgb(10.6%,67.8%,70.6%)`
CMYK	85, 4, 0, 29
HSL	182.7°, 73.9, 40.6	`hsl(182.7,73.9%,40.6%)`
HSV (or HSB)	182.7°, 85, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.494, -32.554, -13.834
XYZ	23.631, 33.413, 48.381
xyY	0.224, 0.317, 33.413
CIE-LCH	64.494, 35.372, 203.024
CIE-LUV	64.494, -47.582, -16.337
Hunter-Lab	57.804, -28.183, -9.162
Binary	00011011, 10101101, 10110100

#1badb4
```
#1badb4 rgb(27,173,180)
```
#b4221b
```
#b4221b rgb(180,34,27)
```

Complementary Color

#1bb46f
```
#1bb46f rgb(27,180,111)
```
#1badb4
```
#1badb4 rgb(27,173,180)
```
#1b61b4
```
#1b61b4 rgb(27,97,180)
```

Analogous Color

#b46f1b
```
#b46f1b rgb(180,111,27)
```
#1badb4
```
#1badb4 rgb(27,173,180)
```
#b41b61
```
#b41b61 rgb(180,27,97)
```

Split Complementary Color

#adb41b
```
#adb41b rgb(173,180,27)
```
#1badb4
```
#1badb4 rgb(27,173,180)
```
#b41bad
```
#b41bad rgb(180,27,173)
```

Triadic Color

#1bb422
```
#1bb422 rgb(27,180,34)
```
#1badb4
```
#1badb4 rgb(27,173,180)
```
#b41bad
```
#b41bad rgb(180,27,173)
```
#b4221b
```
#b4221b rgb(180,34,27)
```

Tetradic Color

#116d71
```
#116d71 rgb(17,109,113)
```
#148288
```
#148288 rgb(20,130,136)
```
#18989e
```
#18989e rgb(24,152,158)
```
#1badb4
```
#1badb4 rgb(27,173,180)
```
#1ec2ca
```
#1ec2ca rgb(30,194,202)
```
#24d6de
```
#24d6de rgb(36,214,222)
```
#3adae1
```
#3adae1 rgb(58,218,225)
```

Monochromatic Color

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

#1bb495
```
#1bb495 rgb(27,180,149)
```
#1bb4a2
```
#1bb4a2 rgb(27,180,162)
```
#1bb4ae
```
#1bb4ae rgb(27,180,174)
```
#1badb4
```
#1badb4 rgb(27,173,180)
```
#1ba0b4
```
#1ba0b4 rgb(27,160,180)
```
#1b94b4
```
#1b94b4 rgb(27,148,180)
```
#1b87b4
```
#1b87b4 rgb(27,135,180)
```

Similar Colors

Text with hexadecimal color #1badb4

This text has a font color of #1badb4.

<span style="color:#1badb4;">Text here</span>

#1badb4 background color

This paragraph has a background color of #1badb4.

<p style="background-color:#1badb4;">Content here</p>

#1badb4 border color

This element has a border color of #1badb4.

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

CSS codes

.text {color:#1badb4;}

.background {background-color:#1badb4;}

.border {border:1px solid #1badb4;}

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

#010909
```
#010909 rgb(1,9,9)
```
#04191a
```
#04191a rgb(4,25,26)
```
#072a2c
```
#072a2c rgb(7,42,44)
```
#093a3d
```
#093a3d rgb(9,58,61)
```
#0c4b4e
```
#0c4b4e rgb(12,75,78)
```
#0e5b5f
```
#0e5b5f rgb(14,91,95)
```
#116b70
```
#116b70 rgb(17,107,112)
```
#137c81
```
#137c81 rgb(19,124,129)
```
#168c92
```
#168c92 rgb(22,140,146)
```
#189da3
```
#189da3 rgb(24,157,163)
```
#1badb4
```
#1badb4 rgb(27,173,180)
```
#1ebdc5
```
#1ebdc5 rgb(30,189,197)
```
#20ced6
```
#20ced6 rgb(32,206,214)
```

Shade Color Variation

#2bd7df
```
#2bd7df rgb(43,215,223)
```
#3cdae2
```
#3cdae2 rgb(60,218,226)
```
#4ddde4
```
#4ddde4 rgb(77,221,228)
```
#5ee1e7
```
#5ee1e7 rgb(94,225,231)
```
#6fe4e9
```
#6fe4e9 rgb(111,228,233)
```
#80e7ec
```
#80e7ec rgb(128,231,236)
```
#91eaef
```
#91eaef rgb(145,234,239)
```
#a2edf1
```
#a2edf1 rgb(162,237,241)
```
#b3f1f4
```
#b3f1f4 rgb(179,241,244)
```
#c4f4f6
```
#c4f4f6 rgb(196,244,246)
```
#d5f7f9
```
#d5f7f9 rgb(213,247,249)
```
#e6fafb
```
#e6fafb rgb(230,250,251)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636c6c is the less saturated color, while #03c3cc is the most saturated one.

#636c6c
```
#636c6c rgb(99,108,108)
```
#5b7374
```
#5b7374 rgb(91,115,116)
```
#537a7c
```
#537a7c rgb(83,122,124)
```
#4b8284
```
#4b8284 rgb(75,130,132)
```
#43898c
```
#43898c rgb(67,137,140)
```
#3b9094
```
#3b9094 rgb(59,144,148)
```
#33979c
```
#33979c rgb(51,151,156)
```
#2b9fa4
```
#2b9fa4 rgb(43,159,164)
```
#23a6ac
```
#23a6ac rgb(35,166,172)
```
#1badb4
```
#1badb4 rgb(27,173,180)
```
#13b4bc
```
#13b4bc rgb(19,180,188)
```
#0bbbc4
```
#0bbbc4 rgb(11,187,196)
```
#03c3cc
```
#03c3cc rgb(3,195,204)
```

Tone Color Variation

Below, you can see how #1badb4 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

#828282 Achromatopsia 0.005% of the population
#6d8b8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a0ae Protanopia 1% of men
#a19ebf Deuteranopia 1% of men
#2eb0bd Tritanopia 0.001% of the population

Trichromacy

#6fa5b0 Protanomaly 1% of men, 0.01% of women
#70a3bb Deuteranomaly 6% of men, 0.4% of women
#27afb9 Tritanomaly 0.01% of the population

#1badb4 hex color

#1badb4 Color Information

#1badb4 Color Conversion

Color Schemes with #1badb4

Alternatives to #1badb4

#1badb4 Preview

Shades and Tints of #1badb4

Tones of #1badb4

Color Blindness Simulator