#1fbce5 hex color

In a RGB color space, hex #1fbce5 is composed of 12.2% red, 73.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 17.9% magenta, 0% yellow and 10.2% black. It has a hue angle of 192.4 degrees, a saturation of 79.2% and a lightness of 51%. #1fbce5 color hex could be obtained by blending #3effff with #0079cb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 12
- G 74
- B 90
RGB color chart
- C 86
- M 18
- Y 0
- K 10
CMYK color chart

● #1fbce5 color description : Vivid cyan.

The hexadecimal color #1fbce5 has RGB values of R:31, G:188, B:229 and CMYK values of C:0.86, M:0.18, Y:0, K:0.1. Its decimal value is 2079973.

Hex triplet	1fbce5	`#1fbce5`
RGB Decimal	31, 188, 229	`rgb(31,188,229)`
RGB Percent	12.2, 73.7, 89.8	`rgb(12.2%,73.7%,89.8%)`
CMYK	86, 18, 0, 10
HSL	192.4°, 79.2, 51	`hsl(192.4,79.2%,51%)`
HSV (or HSB)	192.4°, 86.5, 89.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.81, -23.873, -31.167
XYZ	32.687, 41.912, 80.491
xyY	0.211, 0.27, 41.912
CIE-LCH	70.81, 39.259, 232.549
CIE-LUV	70.81, -48.806, -46.52
Hunter-Lab	64.739, -23.168, -28.399
Binary	00011111, 10111100, 11100101

#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#e5481f
```
#e5481f rgb(229,72,31)
```

Complementary Color

#1fe5ab
```
#1fe5ab rgb(31,229,171)
```
#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#1f59e5
```
#1f59e5 rgb(31,89,229)
```

Analogous Color

#e5ab1f
```
#e5ab1f rgb(229,171,31)
```
#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#e51f59
```
#e51f59 rgb(229,31,89)
```

Split Complementary Color

#bce51f
```
#bce51f rgb(188,229,31)
```
#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#e51fbc
```
#e51fbc rgb(229,31,188)
```

Triadic Color

#1fe548
```
#1fe548 rgb(31,229,72)
```
#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#e51fbc
```
#e51fbc rgb(229,31,188)
```
#e5481f
```
#e5481f rgb(229,72,31)
```

Tetradic Color

#1386a4
```
#1386a4 rgb(19,134,164)
```
#1699bb
```
#1699bb rgb(22,153,187)
```
#18acd2
```
#18acd2 rgb(24,172,210)
```
#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#36c3e8
```
#36c3e8 rgb(54,195,232)
```
#4dcaea
```
#4dcaea rgb(77,202,234)
```
#64d1ed
```
#64d1ed rgb(100,209,237)
```

Monochromatic Color

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

#1fe5dd
```
#1fe5dd rgb(31,229,221)
```
#1fdde5
```
#1fdde5 rgb(31,221,229)
```
#1fcde5
```
#1fcde5 rgb(31,205,229)
```
#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#1face5
```
#1face5 rgb(31,172,229)
```
#1f9be5
```
#1f9be5 rgb(31,155,229)
```
#1f8be5
```
#1f8be5 rgb(31,139,229)
```

Similar Colors

Text with hexadecimal color #1fbce5

This text has a font color of #1fbce5.

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

#1fbce5 background color

This paragraph has a background color of #1fbce5.

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

#1fbce5 border color

This element has a border color of #1fbce5.

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

CSS codes

.text {color:#1fbce5;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031216
```
#031216 rgb(3,18,22)
```
#052028
```
#052028 rgb(5,32,40)
```
#072f39
```
#072f39 rgb(7,47,57)
```
#093d4b
```
#093d4b rgb(9,61,75)
```
#0b4b5c
```
#0b4b5c rgb(11,75,92)
```
#0d5a6e
```
#0d5a6e rgb(13,90,110)
```
#0f6880
```
#0f6880 rgb(15,104,128)
```
#117791
```
#117791 rgb(17,119,145)
```
#1385a3
```
#1385a3 rgb(19,133,163)
```
#1593b4
```
#1593b4 rgb(21,147,180)
```
#17a2c6
```
#17a2c6 rgb(23,162,198)
```
#19b0d7
```
#19b0d7 rgb(25,176,215)
```

Shade Color Variation

#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#31c1e7
```
#31c1e7 rgb(49,193,231)
```
#42c7e9
```
#42c7e9 rgb(66,199,233)
```
#54cceb
```
#54cceb rgb(84,204,235)
```
#65d1ed
```
#65d1ed rgb(101,209,237)
```
#77d6ef
```
#77d6ef rgb(119,214,239)
```
#88dcf1
```
#88dcf1 rgb(136,220,241)
```
#9ae1f3
```
#9ae1f3 rgb(154,225,243)
```
#ace6f5
```
#ace6f5 rgb(172,230,245)
```
#bdebf7
```
#bdebf7 rgb(189,235,247)
```
#cff1f9
```
#cff1f9 rgb(207,241,249)
```
#e0f6fb
```
#e0f6fb rgb(224,246,251)
```
#f2fbfd
```
#f2fbfd rgb(242,251,253)
```

Tint Color Variation

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

#7f8485
```
#7f8485 rgb(127,132,133)
```
#76898e
```
#76898e rgb(118,137,142)
```
#6c8f98
```
#6c8f98 rgb(108,143,152)
```
#6295a2
```
#6295a2 rgb(98,149,162)
```
#599aab
```
#599aab rgb(89,154,171)
```
#4fa0b5
```
#4fa0b5 rgb(79,160,181)
```
#45a5bf
```
#45a5bf rgb(69,165,191)
```
#3cabc8
```
#3cabc8 rgb(60,171,200)
```
#32b1d2
```
#32b1d2 rgb(50,177,210)
```
#29b6db
```
#29b6db rgb(41,182,219)
```
#1fbce5
```
#1fbce5 rgb(31,188,229)
```
#15c2ef
```
#15c2ef rgb(21,194,239)
```
#0cc7f8
```
#0cc7f8 rgb(12,199,248)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7b9aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5afdb Protanopia 1% of men
#9dafec Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#74b4df Protanomaly 1% of men, 0.01% of women
#6fb4e9 Deuteranomaly 6% of men, 0.4% of women
#0bc0d8 Tritanomaly 0.01% of the population

#1fbce5 hex color

#1fbce5 Color Information

#1fbce5 Color Conversion

Color Schemes with #1fbce5

Alternatives to #1fbce5

#1fbce5 Preview

Shades and Tints of #1fbce5

Tones of #1fbce5

Color Blindness Simulator