colorhexa.com

#1bafff hex color

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

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

● #1bafff color description : Vivid blue.

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

Hex triplet	1bafff	`#1bafff`
RGB Decimal	27, 175, 255	`rgb(27,175,255)`
RGB Percent	10.6, 68.6, 100	`rgb(10.6%,68.6%,100%)`
CMYK	89, 31, 0, 0
HSL	201.1°, 100, 55.3	`hsl(201.1,100%,55.3%)`
HSV (or HSB)	201.1°, 89.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.101, -8.171, -49.517
XYZ	33.827, 38.11, 100.175
xyY	0.197, 0.221, 38.11
CIE-LCH	68.101, 50.187, 260.629
CIE-LUV	68.101, -42.93, -79.468
Hunter-Lab	61.733, -10.221, -52.998
Binary	00011011, 10101111, 11111111

#1bafff
```
#1bafff rgb(27,175,255)
```
#ff6b1b
```
#ff6b1b rgb(255,107,27)
```

Complementary Color

#1bffdd
```
#1bffdd rgb(27,255,221)
```
#1bafff
```
#1bafff rgb(27,175,255)
```
#1b3dff
```
#1b3dff rgb(27,61,255)
```

Analogous Color

#ffdd1b
```
#ffdd1b rgb(255,221,27)
```
#1bafff
```
#1bafff rgb(27,175,255)
```
#ff1b3d
```
#ff1b3d rgb(255,27,61)
```

Split Complementary Color

#afff1b
```
#afff1b rgb(175,255,27)
```
#1bafff
```
#1bafff rgb(27,175,255)
```
#ff1baf
```
#ff1baf rgb(255,27,175)
```

Triadic Color

#1bff6b
```
#1bff6b rgb(27,255,107)
```
#1bafff
```
#1bafff rgb(27,175,255)
```
#ff1baf
```
#ff1baf rgb(255,27,175)
```
#ff6b1b
```
#ff6b1b rgb(255,107,27)
```

Tetradic Color

#0085ce
```
#0085ce rgb(0,133,206)
```
#0096e7
```
#0096e7 rgb(0,150,231)
```
#01a6ff
```
#01a6ff rgb(1,166,255)
```
#1bafff
```
#1bafff rgb(27,175,255)
```
#35b8ff
```
#35b8ff rgb(53,184,255)
```
#4ec1ff
```
#4ec1ff rgb(78,193,255)
```
#68caff
```
#68caff rgb(104,202,255)
```

Monochromatic Color

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

#1be8ff
```
#1be8ff rgb(27,232,255)
```
#1bd5ff
```
#1bd5ff rgb(27,213,255)
```
#1bc2ff
```
#1bc2ff rgb(27,194,255)
```
#1bafff
```
#1bafff rgb(27,175,255)
```
#1b9cff
```
#1b9cff rgb(27,156,255)
```
#1b89ff
```
#1b89ff rgb(27,137,255)
```
#1b76ff
```
#1b76ff rgb(27,118,255)
```

Similar Colors

Text with hexadecimal color #1bafff

This text has a font color of #1bafff.

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

#1bafff background color

This paragraph has a background color of #1bafff.

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

#1bafff border color

This element has a border color of #1bafff.

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

CSS codes

.text {color:#1bafff;}

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

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

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)
```
#00121b
```
#00121b rgb(0,18,27)
```
#001e2f
```
#001e2f rgb(0,30,47)
```
#002b42
```
#002b42 rgb(0,43,66)
```
#003856
```
#003856 rgb(0,56,86)
```
#004469
```
#004469 rgb(0,68,105)
```
#00517d
```
#00517d rgb(0,81,125)
```
#005e91
```
#005e91 rgb(0,94,145)
```
#006ba4
```
#006ba4 rgb(0,107,164)
```
#0077b8
```
#0077b8 rgb(0,119,184)
```
#0084cc
```
#0084cc rgb(0,132,204)
```
#0091df
```
#0091df rgb(0,145,223)
```
#009ef3
```
#009ef3 rgb(0,158,243)
```

Shade Color Variation

#07a8ff
```
#07a8ff rgb(7,168,255)
```
#1bafff
```
#1bafff rgb(27,175,255)
```
#2fb6ff
```
#2fb6ff rgb(47,182,255)
```
#42bdff
```
#42bdff rgb(66,189,255)
```
#56c4ff
```
#56c4ff rgb(86,196,255)
```
#69cbff
```
#69cbff rgb(105,203,255)
```
#7dd1ff
```
#7dd1ff rgb(125,209,255)
```
#91d8ff
```
#91d8ff rgb(145,216,255)
```
#a4dfff
```
#a4dfff rgb(164,223,255)
```
#b8e6ff
```
#b8e6ff rgb(184,230,255)
```
#ccedff
```
#ccedff rgb(204,237,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, #849096 is the less saturated color, while #1bafff is the most saturated one.

#849096
```
#849096 rgb(132,144,150)
```
#7b929f
```
#7b929f rgb(123,146,159)
```
#7395a7
```
#7395a7 rgb(115,149,167)
```
#6a97b0
```
#6a97b0 rgb(106,151,176)
```
#619ab9
```
#619ab9 rgb(97,154,185)
```
#589dc2
```
#589dc2 rgb(88,157,194)
```
#509fca
```
#509fca rgb(80,159,202)
```
#47a2d3
```
#47a2d3 rgb(71,162,211)
```
#3ea5dc
```
#3ea5dc rgb(62,165,220)
```
#35a7e5
```
#35a7e5 rgb(53,167,229)
```
#2daaed
```
#2daaed rgb(45,170,237)
```
#24acf6
```
#24acf6 rgb(36,172,246)
```
#1bafff
```
#1bafff rgb(27,175,255)
```

Tone Color Variation

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

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

Trichromacy

#63aaf9 Protanomaly 1% of men, 0.01% of women
#56acff Deuteranomaly 6% of men, 0.4% of women
#09b6db Tritanomaly 0.01% of the population