#1badff hex color

In a RGB color space, hex #1badff is composed of 10.6% red, 67.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 32.2% magenta, 0% yellow and 0% black. It has a hue angle of 201.6 degrees, a saturation of 100% and a lightness of 55.3%. #1badff color hex could be obtained by blending #36ffff with #005bff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 11
- G 68
- B 100
RGB color chart
- C 89
- M 32
- Y 0
- K 0
CMYK color chart

● #1badff color description : Vivid blue.

The hexadecimal color #1badff has RGB values of R:27, G:173, B:255 and CMYK values of C:0.89, M:0.32, Y:0, K:0. Its decimal value is 1814015.

Hex triplet	1badff	`#1badff`
RGB Decimal	27, 173, 255	`rgb(27,173,255)`
RGB Percent	10.6, 67.8, 100	`rgb(10.6%,67.8%,100%)`
CMYK	89, 32, 0, 0
HSL	201.6°, 100, 55.3	`hsl(201.6,100%,55.3%)`
HSV (or HSB)	201.6°, 89.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.529, -7.059, -50.421
XYZ	33.441, 37.337, 100.046
xyY	0.196, 0.219, 37.337
CIE-LCH	67.529, 50.912, 262.031
CIE-LUV	67.529, -42.274, -81.034
Hunter-Lab	61.104, -9.242, -54.304
Binary	00011011, 10101101, 11111111

#1badff
```
#1badff rgb(27,173,255)
```
#ff6d1b
```
#ff6d1b rgb(255,109,27)
```

Complementary Color

#1bffdf
```
#1bffdf rgb(27,255,223)
```
#1badff
```
#1badff rgb(27,173,255)
```
#1b3bff
```
#1b3bff rgb(27,59,255)
```

Analogous Color

#ffdf1b
```
#ffdf1b rgb(255,223,27)
```
#1badff
```
#1badff rgb(27,173,255)
```
#ff1b3b
```
#ff1b3b rgb(255,27,59)
```

Split Complementary Color

#adff1b
```
#adff1b rgb(173,255,27)
```
#1badff
```
#1badff rgb(27,173,255)
```
#ff1bad
```
#ff1bad rgb(255,27,173)
```

Triadic Color

#1bff6d
```
#1bff6d rgb(27,255,109)
```
#1badff
```
#1badff rgb(27,173,255)
```
#ff1bad
```
#ff1bad rgb(255,27,173)
```
#ff6d1b
```
#ff6d1b rgb(255,109,27)
```

Tetradic Color

#0084ce
```
#0084ce rgb(0,132,206)
```
#0094e7
```
#0094e7 rgb(0,148,231)
```
#01a4ff
```
#01a4ff rgb(1,164,255)
```
#1badff
```
#1badff rgb(27,173,255)
```
#35b6ff
```
#35b6ff rgb(53,182,255)
```
#4ebfff
```
#4ebfff rgb(78,191,255)
```
#68c9ff
```
#68c9ff rgb(104,201,255)
```

Monochromatic Color

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

#1be6ff
```
#1be6ff rgb(27,230,255)
```
#1bd3ff
```
#1bd3ff rgb(27,211,255)
```
#1bc0ff
```
#1bc0ff rgb(27,192,255)
```
#1badff
```
#1badff rgb(27,173,255)
```
#1b9aff
```
#1b9aff rgb(27,154,255)
```
#1b87ff
```
#1b87ff rgb(27,135,255)
```
#1b74ff
```
#1b74ff rgb(27,116,255)
```

Similar Colors

Text with hexadecimal color #1badff

This text has a font color of #1badff.

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

#1badff background color

This paragraph has a background color of #1badff.

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

#1badff border color

This element has a border color of #1badff.

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

CSS codes

.text {color:#1badff;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00111b
```
#00111b rgb(0,17,27)
```
#001e2f
```
#001e2f rgb(0,30,47)
```
#002a42
```
#002a42 rgb(0,42,66)
```
#003756
```
#003756 rgb(0,55,86)
```
#004469
```
#004469 rgb(0,68,105)
```
#00507d
```
#00507d rgb(0,80,125)
```
#005d91
```
#005d91 rgb(0,93,145)
```
#0069a4
```
#0069a4 rgb(0,105,164)
```
#0076b8
```
#0076b8 rgb(0,118,184)
```
#0082cc
```
#0082cc rgb(0,130,204)
```
#008fdf
```
#008fdf rgb(0,143,223)
```
#009bf3
```
#009bf3 rgb(0,155,243)
```

Shade Color Variation

#07a6ff
```
#07a6ff rgb(7,166,255)
```
#1badff
```
#1badff rgb(27,173,255)
```
#2fb4ff
```
#2fb4ff rgb(47,180,255)
```
#42bbff
```
#42bbff rgb(66,187,255)
```
#56c2ff
```
#56c2ff rgb(86,194,255)
```
#69c9ff
```
#69c9ff rgb(105,201,255)
```
#7dd0ff
```
#7dd0ff rgb(125,208,255)
```
#91d7ff
```
#91d7ff rgb(145,215,255)
```
#a4deff
```
#a4deff rgb(164,222,255)
```
#b8e5ff
```
#b8e5ff rgb(184,229,255)
```
#ccecff
```
#ccecff rgb(204,236,255)
```
#dff4ff
```
#dff4ff rgb(223,244,255)
```
#f3fbff
```
#f3fbff rgb(243,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848f96 is the less saturated color, while #1badff is the most saturated one.

#848f96
```
#848f96 rgb(132,143,150)
```
#7b929f
```
#7b929f rgb(123,146,159)
```
#7394a7
```
#7394a7 rgb(115,148,167)
```
#6a97b0
```
#6a97b0 rgb(106,151,176)
```
#6199b9
```
#6199b9 rgb(97,153,185)
```
#589cc2
```
#589cc2 rgb(88,156,194)
```
#509eca
```
#509eca rgb(80,158,202)
```
#47a1d3
```
#47a1d3 rgb(71,161,211)
```
#3ea3dc
```
#3ea3dc rgb(62,163,220)
```
#35a6e5
```
#35a6e5 rgb(53,166,229)
```
#2da8ed
```
#2da8ed rgb(45,168,237)
```
#24abf6
```
#24abf6 rgb(36,171,246)
```
#1badff
```
#1badff rgb(27,173,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7592a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa6f6 Protanopia 1% of men
#74a9ff Deuteranopia 1% of men
#00b9c5 Tritanopia 0.001% of the population

Trichromacy

#62a8f9 Protanomaly 1% of men, 0.01% of women
#54aaff Deuteranomaly 6% of men, 0.4% of women
#09b5da Tritanomaly 0.01% of the population

#1badff hex color

#1badff Color Information

#1badff Color Conversion

Color Schemes with #1badff

Alternatives to #1badff

#1badff Preview

Shades and Tints of #1badff

Tones of #1badff

Color Blindness Simulator