#1baffe hex color

In a RGB color space, hex #1baffe is composed of 10.6% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 200.9 degrees, a saturation of 99.1% and a lightness of 55.1%. #1baffe color hex could be obtained by blending #36ffff with #005ffd. Closest websafe color is: #3399ff.

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

● #1baffe color description : Vivid blue.

The hexadecimal color #1baffe has RGB values of R:27, G:175, B:254 and CMYK values of C:0.89, M:0.31, Y:0, K:0. Its decimal value is 1814526.

Hex triplet	1baffe	`#1baffe`
RGB Decimal	27, 175, 254	`rgb(27,175,254)`
RGB Percent	10.6, 68.6, 99.6	`rgb(10.6%,68.6%,99.6%)`
CMYK	89, 31, 0, 0
HSL	200.9°, 99.1, 55.1	`hsl(200.9,99.1%,55.1%)`
HSV (or HSB)	200.9°, 89.4, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.054, -8.529, -49.05
XYZ	33.667, 38.046, 99.33
xyY	0.197, 0.222, 38.046
CIE-LCH	68.054, 49.786, 260.136
CIE-LUV	68.054, -42.994, -78.621
Hunter-Lab	61.681, -10.513, -52.302
Binary	00011011, 10101111, 11111110

#1baffe
```
#1baffe rgb(27,175,254)
```
#fe6a1b
```
#fe6a1b rgb(254,106,27)
```

Complementary Color

#1bfedc
```
#1bfedc rgb(27,254,220)
```
#1baffe
```
#1baffe rgb(27,175,254)
```
#1b3efe
```
#1b3efe rgb(27,62,254)
```

Analogous Color

#fedc1b
```
#fedc1b rgb(254,220,27)
```
#1baffe
```
#1baffe rgb(27,175,254)
```
#fe1b3e
```
#fe1b3e rgb(254,27,62)
```

Split Complementary Color

#affe1b
```
#affe1b rgb(175,254,27)
```
#1baffe
```
#1baffe rgb(27,175,254)
```
#fe1baf
```
#fe1baf rgb(254,27,175)
```

Triadic Color

#1bfe6a
```
#1bfe6a rgb(27,254,106)
```
#1baffe
```
#1baffe rgb(27,175,254)
```
#fe1baf
```
#fe1baf rgb(254,27,175)
```
#fe6a1b
```
#fe6a1b rgb(254,106,27)
```

Tetradic Color

#0185cc
```
#0185cc rgb(1,133,204)
```
#0196e5
```
#0196e5 rgb(1,150,229)
```
#02a6fe
```
#02a6fe rgb(2,166,254)
```
#1baffe
```
#1baffe rgb(27,175,254)
```
#34b8fe
```
#34b8fe rgb(52,184,254)
```
#4ec1fe
```
#4ec1fe rgb(78,193,254)
```
#67cafe
```
#67cafe rgb(103,202,254)
```

Monochromatic Color

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

#1be8fe
```
#1be8fe rgb(27,232,254)
```
#1bd5fe
```
#1bd5fe rgb(27,213,254)
```
#1bc2fe
```
#1bc2fe rgb(27,194,254)
```
#1baffe
```
#1baffe rgb(27,175,254)
```
#1b9cfe
```
#1b9cfe rgb(27,156,254)
```
#1b89fe
```
#1b89fe rgb(27,137,254)
```
#1b76fe
```
#1b76fe rgb(27,118,254)
```

Similar Colors

Text with hexadecimal color #1baffe

This text has a font color of #1baffe.

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

#1baffe background color

This paragraph has a background color of #1baffe.

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

#1baffe border color

This element has a border color of #1baffe.

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

CSS codes

.text {color:#1baffe;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#00111a
```
#00111a rgb(0,17,26)
```
#001e2d
```
#001e2d rgb(0,30,45)
```
#002a41
```
#002a41 rgb(0,42,65)
```
#003754
```
#003754 rgb(0,55,84)
```
#004468
```
#004468 rgb(0,68,104)
```
#01517c
```
#01517c rgb(1,81,124)
```
#015d8f
```
#015d8f rgb(1,93,143)
```
#016aa3
```
#016aa3 rgb(1,106,163)
```
#0177b6
```
#0177b6 rgb(1,119,182)
```
#0184ca
```
#0184ca rgb(1,132,202)
```
#0191dd
```
#0191dd rgb(1,145,221)
```
#019df1
```
#019df1 rgb(1,157,241)
```

Shade Color Variation

#07a8fe
```
#07a8fe rgb(7,168,254)
```
#1baffe
```
#1baffe rgb(27,175,254)
```
#2fb6fe
```
#2fb6fe rgb(47,182,254)
```
#42bdfe
```
#42bdfe rgb(66,189,254)
```
#56c4fe
```
#56c4fe rgb(86,196,254)
```
#69cafe
```
#69cafe rgb(105,202,254)
```
#7dd1fe
```
#7dd1fe rgb(125,209,254)
```
#90d8ff
```
#90d8ff rgb(144,216,255)
```
#a4dfff
```
#a4dfff rgb(164,223,255)
```
#b7e6ff
```
#b7e6ff rgb(183,230,255)
```
#cbedff
```
#cbedff rgb(203,237,255)
```
#def4ff
```
#def4ff rgb(222,244,255)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#858f94
```
#858f94 rgb(133,143,148)
```
#7c929d
```
#7c929d rgb(124,146,157)
```
#7394a6
```
#7394a6 rgb(115,148,166)
```
#6a97af
```
#6a97af rgb(106,151,175)
```
#619ab8
```
#619ab8 rgb(97,154,184)
```
#599cc0
```
#599cc0 rgb(89,156,192)
```
#509fc9
```
#509fc9 rgb(80,159,201)
```
#47a2d2
```
#47a2d2 rgb(71,162,210)
```
#3ea4db
```
#3ea4db rgb(62,164,219)
```
#35a7e4
```
#35a7e4 rgb(53,167,228)
```
#2daaec
```
#2daaec rgb(45,170,236)
```
#24acf5
```
#24acf5 rgb(36,172,245)
```
#1baffe
```
#1baffe rgb(27,175,254)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7593a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da7f5 Protanopia 1% of men
#78aaff Deuteranopia 1% of men
#00bbc7 Tritanopia 0.001% of the population

Trichromacy

#64aaf8 Protanomaly 1% of men, 0.01% of women
#56acfe Deuteranomaly 6% of men, 0.4% of women
#09b6db Tritanomaly 0.01% of the population

#1baffe hex color

#1baffe Color Information

#1baffe Color Conversion

Color Schemes with #1baffe

Alternatives to #1baffe

#1baffe Preview

Shades and Tints of #1baffe

Tones of #1baffe

Color Blindness Simulator