#1becc2 hex color

In a RGB color space, hex #1becc2 is composed of 10.6% red, 92.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 0% magenta, 17.8% yellow and 7.5% black. It has a hue angle of 167.9 degrees, a saturation of 84.6% and a lightness of 51.6%. #1becc2 color hex could be obtained by blending #36ffff with #00d985. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 11
- G 93
- B 76
RGB color chart
- C 89
- M 0
- Y 18
- K 7
CMYK color chart

● #1becc2 color description : Vivid cyan.

The hexadecimal color #1becc2 has RGB values of R:27, G:236, B:194 and CMYK values of C:0.89, M:0, Y:0.18, K:0.07. Its decimal value is 1830082.

Hex triplet	1becc2	`#1becc2`
RGB Decimal	27, 236, 194	`rgb(27,236,194)`
RGB Percent	10.6, 92.5, 76.1	`rgb(10.6%,92.5%,76.1%)`
CMYK	89, 0, 18, 7
HSL	167.9°, 84.6, 51.6	`hsl(167.9,84.6%,51.6%)`
HSV (or HSB)	167.9°, 88.6, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.025, -55.884, 7.319
XYZ	40.181, 64.115, 61.294
xyY	0.243, 0.387, 64.115
CIE-LCH	84.025, 56.362, 172.538
CIE-LUV	84.025, -68.048, 19.978
Hunter-Lab	80.072, -50.551, 10.665
Binary	00011011, 11101100, 11000010

#1becc2
```
#1becc2 rgb(27,236,194)
```
#ec1b45
```
#ec1b45 rgb(236,27,69)
```

Complementary Color

#1bec59
```
#1bec59 rgb(27,236,89)
```
#1becc2
```
#1becc2 rgb(27,236,194)
```
#1baeec
```
#1baeec rgb(27,174,236)
```

Analogous Color

#ec591b
```
#ec591b rgb(236,89,27)
```
#1becc2
```
#1becc2 rgb(27,236,194)
```
#ec1bae
```
#ec1bae rgb(236,27,174)
```

Split Complementary Color

#ecc21b
```
#ecc21b rgb(236,194,27)
```
#1becc2
```
#1becc2 rgb(27,236,194)
```
#c21bec
```
#c21bec rgb(194,27,236)
```

Triadic Color

#45ec1b
```
#45ec1b rgb(69,236,27)
```
#1becc2
```
#1becc2 rgb(27,236,194)
```
#c21bec
```
#c21bec rgb(194,27,236)
```
#ec1b45
```
#ec1b45 rgb(236,27,69)
```

Tetradic Color

#0eac8c
```
#0eac8c rgb(14,172,140)
```
#10c4a0
```
#10c4a0 rgb(16,196,160)
```
#12dbb3
```
#12dbb3 rgb(18,219,179)
```
#1becc2
```
#1becc2 rgb(27,236,194)
```
#33eec8
```
#33eec8 rgb(51,238,200)
```
#4af0cf
```
#4af0cf rgb(74,240,207)
```
#62f2d5
```
#62f2d5 rgb(98,242,213)
```

Monochromatic Color

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

#1bec8e
```
#1bec8e rgb(27,236,142)
```
#1bec9f
```
#1bec9f rgb(27,236,159)
```
#1becb1
```
#1becb1 rgb(27,236,177)
```
#1becc2
```
#1becc2 rgb(27,236,194)
```
#1becd3
```
#1becd3 rgb(27,236,211)
```
#1bece5
```
#1bece5 rgb(27,236,229)
```
#1be2ec
```
#1be2ec rgb(27,226,236)
```

Similar Colors

Text with hexadecimal color #1becc2

This text has a font color of #1becc2.

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

#1becc2 background color

This paragraph has a background color of #1becc2.

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

#1becc2 border color

This element has a border color of #1becc2.

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

CSS codes

.text {color:#1becc2;}

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

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

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

#010706
```
#010706 rgb(1,7,6)
```
#021915
```
#021915 rgb(2,25,21)
```
#042c24
```
#042c24 rgb(4,44,36)
```
#053e32
```
#053e32 rgb(5,62,50)
```
#075041
```
#075041 rgb(7,80,65)
```
#086250
```
#086250 rgb(8,98,80)
```
#0a745f
```
#0a745f rgb(10,116,95)
```
#0b866d
```
#0b866d rgb(11,134,109)
```
#0d987c
```
#0d987c rgb(13,152,124)
```
#0eaa8b
```
#0eaa8b rgb(14,170,139)
```
#10bc9a
```
#10bc9a rgb(16,188,154)
```
#11cfa9
```
#11cfa9 rgb(17,207,169)
```
#13e1b7
```
#13e1b7 rgb(19,225,183)
```

Shade Color Variation

#1becc2
```
#1becc2 rgb(27,236,194)
```
#2deec7
```
#2deec7 rgb(45,238,199)
```
#3fefcc
```
#3fefcc rgb(63,239,204)
```
#51f1d1
```
#51f1d1 rgb(81,241,209)
```
#63f2d5
```
#63f2d5 rgb(99,242,213)
```
#76f4da
```
#76f4da rgb(118,244,218)
```
#88f5df
```
#88f5df rgb(136,245,223)
```
#9af7e4
```
#9af7e4 rgb(154,247,228)
```
#acf8e9
```
#acf8e9 rgb(172,248,233)
```
#befaee
```
#befaee rgb(190,250,238)
```
#d0fbf2
```
#d0fbf2 rgb(208,251,242)
```
#e2fdf7
```
#e2fdf7 rgb(226,253,247)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848484 is the less saturated color, while #12f6c8 is the most saturated one.

#848484
```
#848484 rgb(132,132,132)
```
#7a8d89
```
#7a8d89 rgb(122,141,137)
```
#71978f
```
#71978f rgb(113,151,143)
```
#67a095
```
#67a095 rgb(103,160,149)
```
#5eaa9a
```
#5eaa9a rgb(94,170,154)
```
#54b3a0
```
#54b3a0 rgb(84,179,160)
```
#4bbda6
```
#4bbda6 rgb(75,189,166)
```
#41c6ab
```
#41c6ab rgb(65,198,171)
```
#38d0b1
```
#38d0b1 rgb(56,208,177)
```
#2ed9b7
```
#2ed9b7 rgb(46,217,183)
```
#25e3bc
```
#25e3bc rgb(37,227,188)
```
#1becc2
```
#1becc2 rgb(27,236,194)
```
#12f6c8
```
#12f6c8 rgb(18,246,200)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#8db6ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd3b8 Protanopia 1% of men
#e8cdd0 Deuteranopia 1% of men
#58e5f6 Tritanopia 0.001% of the population

Trichromacy

#97dcbc Protanomaly 1% of men, 0.01% of women
#9dd8cb Deuteranomaly 6% of men, 0.4% of women
#42e8e3 Tritanomaly 0.01% of the population

#1becc2 hex color

#1becc2 Color Information

#1becc2 Color Conversion

Color Schemes with #1becc2

Alternatives to #1becc2

#1becc2 Preview

Shades and Tints of #1becc2

Tones of #1becc2

Color Blindness Simulator