#1baddc hex color

In a RGB color space, hex #1baddc is composed of 10.6% red, 67.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 21.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 194.6 degrees, a saturation of 78.1% and a lightness of 48.4%. #1baddc color hex could be obtained by blending #36ffff with #005bb9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 11
- G 68
- B 86
RGB color chart
- C 88
- M 21
- Y 0
- K 14
CMYK color chart

● #1baddc color description : Vivid cyan.

The hexadecimal color #1baddc has RGB values of R:27, G:173, B:220 and CMYK values of C:0.88, M:0.21, Y:0, K:0.14. Its decimal value is 1813980.

Hex triplet	1baddc	`#1baddc`
RGB Decimal	27, 173, 220	`rgb(27,173,220)`
RGB Percent	10.6, 67.8, 86.3	`rgb(10.6%,67.8%,86.3%)`
CMYK	88, 21, 0, 14
HSL	194.6°, 78.1, 48.4	`hsl(194.6,78.1%,48.4%)`
HSV (or HSB)	194.6°, 87.7, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.97, -19.4, -33.738
XYZ	28.31, 35.285, 73.025
xyY	0.207, 0.258, 35.285
CIE-LCH	65.97, 38.918, 240.1
CIE-LUV	65.97, -44.624, -50.986
Hunter-Lab	59.401, -18.879, -31.308
Binary	00011011, 10101101, 11011100

#1baddc
```
#1baddc rgb(27,173,220)
```
#dc4a1b
```
#dc4a1b rgb(220,74,27)
```

Complementary Color

#1bdcab
```
#1bdcab rgb(27,220,171)
```
#1baddc
```
#1baddc rgb(27,173,220)
```
#1b4ddc
```
#1b4ddc rgb(27,77,220)
```

Analogous Color

#dcab1b
```
#dcab1b rgb(220,171,27)
```
#1baddc
```
#1baddc rgb(27,173,220)
```
#dc1b4d
```
#dc1b4d rgb(220,27,77)
```

Split Complementary Color

#addc1b
```
#addc1b rgb(173,220,27)
```
#1baddc
```
#1baddc rgb(27,173,220)
```
#dc1bad
```
#dc1bad rgb(220,27,173)
```

Triadic Color

#1bdc4a
```
#1bdc4a rgb(27,220,74)
```
#1baddc
```
#1baddc rgb(27,173,220)
```
#dc1bad
```
#dc1bad rgb(220,27,173)
```
#dc4a1b
```
#dc4a1b rgb(220,74,27)
```

Tetradic Color

#137798
```
#137798 rgb(19,119,152)
```
#1589af
```
#1589af rgb(21,137,175)
```
#189bc5
```
#189bc5 rgb(24,155,197)
```
#1baddc
```
#1baddc rgb(27,173,220)
```
#2bb8e5
```
#2bb8e5 rgb(43,184,229)
```
#42bfe8
```
#42bfe8 rgb(66,191,232)
```
#59c7eb
```
#59c7eb rgb(89,199,235)
```

Monochromatic Color

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

#1bdcdb
```
#1bdcdb rgb(27,220,219)
```
#1bcddc
```
#1bcddc rgb(27,205,220)
```
#1bbddc
```
#1bbddc rgb(27,189,220)
```
#1baddc
```
#1baddc rgb(27,173,220)
```
#1b9ddc
```
#1b9ddc rgb(27,157,220)
```
#1b8ddc
```
#1b8ddc rgb(27,141,220)
```
#1b7ddc
```
#1b7ddc rgb(27,125,220)
```

Similar Colors

Text with hexadecimal color #1baddc

This text has a font color of #1baddc.

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

#1baddc background color

This paragraph has a background color of #1baddc.

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

#1baddc border color

This element has a border color of #1baddc.

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

CSS codes

.text {color:#1baddc;}

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

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

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, #01080a is the darkest color, while #f8fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#03161c
```
#03161c rgb(3,22,28)
```
#06242d
```
#06242d rgb(6,36,45)
```
#08313f
```
#08313f rgb(8,49,63)
```
#0a3f50
```
#0a3f50 rgb(10,63,80)
```
#0c4d62
```
#0c4d62 rgb(12,77,98)
```
#0e5b73
```
#0e5b73 rgb(14,91,115)
```
#106885
```
#106885 rgb(16,104,133)
```
#127696
```
#127696 rgb(18,118,150)
```
#1584a8
```
#1584a8 rgb(21,132,168)
```
#1792b9
```
#1792b9 rgb(23,146,185)
```
#199fcb
```
#199fcb rgb(25,159,203)
```
#1baddc
```
#1baddc rgb(27,173,220)
```

Shade Color Variation

#26b6e4
```
#26b6e4 rgb(38,182,228)
```
#38bce7
```
#38bce7 rgb(56,188,231)
```
#49c2e9
```
#49c2e9 rgb(73,194,233)
```
#5bc8eb
```
#5bc8eb rgb(91,200,235)
```
#6cceed
```
#6cceed rgb(108,206,237)
```
#7ed3ef
```
#7ed3ef rgb(126,211,239)
```
#8fd9f1
```
#8fd9f1 rgb(143,217,241)
```
#a1dff3
```
#a1dff3 rgb(161,223,243)
```
#b2e5f6
```
#b2e5f6 rgb(178,229,246)
```
#c3ebf8
```
#c3ebf8 rgb(195,235,248)
```
#d5f1fa
```
#d5f1fa rgb(213,241,250)
```
#e6f7fc
```
#e6f7fc rgb(230,247,252)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7c7d is the less saturated color, while #08b7ef is the most saturated one.

#7a7c7d
```
#7a7c7d rgb(122,124,125)
```
#718187
```
#718187 rgb(113,129,135)
```
#678690
```
#678690 rgb(103,134,144)
```
#5e8b9a
```
#5e8b9a rgb(94,139,154)
```
#5490a3
```
#5490a3 rgb(84,144,163)
```
#4b95ad
```
#4b95ad rgb(75,149,173)
```
#419ab6
```
#419ab6 rgb(65,154,182)
```
#389ec0
```
#389ec0 rgb(56,158,192)
```
#2ea3c9
```
#2ea3c9 rgb(46,163,201)
```
#25a8d3
```
#25a8d3 rgb(37,168,211)
```
#1baddc
```
#1baddc rgb(27,173,220)
```
#12b2e6
```
#12b2e6 rgb(18,178,230)
```
#08b7ef
```
#08b7ef rgb(8,183,239)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#718f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a3d4 Protanopia 1% of men
#8ca3e3 Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#69a6d7 Protanomaly 1% of men, 0.01% of women
#63a7e0 Deuteranomaly 6% of men, 0.4% of women
#09b2cb Tritanomaly 0.01% of the population

#1baddc hex color

#1baddc Color Information

#1baddc Color Conversion

Color Schemes with #1baddc

Alternatives to #1baddc

#1baddc Preview

Shades and Tints of #1baddc

Tones of #1baddc

Color Blindness Simulator