colorhexa.com

#1becc4 hex color

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

- R 11
- G 93
- B 77
RGB color chart
- C 89
- M 0
- Y 17
- K 7
CMYK color chart

● #1becc4 color description : Vivid cyan.

The hexadecimal color #1becc4 has RGB values of R:27, G:236, B:196 and CMYK values of C:0.89, M:0, Y:0.17, K:0.07. Its decimal value is 1830084.

Hex triplet	1becc4	`#1becc4`
RGB Decimal	27, 236, 196	`rgb(27,236,196)`
RGB Percent	10.6, 92.5, 76.9	`rgb(10.6%,92.5%,76.9%)`
CMYK	89, 0, 17, 7
HSL	168.5°, 84.6, 51.6	`hsl(168.5,84.6%,51.6%)`
HSV (or HSB)	168.5°, 88.6, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.072, -55.384, 6.337
XYZ	40.408, 64.205, 62.485
xyY	0.242, 0.384, 64.205
CIE-LCH	84.072, 55.746, 173.472
CIE-LUV	84.072, -67.897, 18.434
Hunter-Lab	80.128, -50.209, 9.855
Binary	00011011, 11101100, 11000100

#1becc4
```
#1becc4 rgb(27,236,196)
```
#ec1b43
```
#ec1b43 rgb(236,27,67)
```

Complementary Color

#1bec5c
```
#1bec5c rgb(27,236,92)
```
#1becc4
```
#1becc4 rgb(27,236,196)
```
#1bacec
```
#1bacec rgb(27,172,236)
```

Analogous Color

#ec5c1b
```
#ec5c1b rgb(236,92,27)
```
#1becc4
```
#1becc4 rgb(27,236,196)
```
#ec1bac
```
#ec1bac rgb(236,27,172)
```

Split Complementary Color

#ecc41b
```
#ecc41b rgb(236,196,27)
```
#1becc4
```
#1becc4 rgb(27,236,196)
```
#c41bec
```
#c41bec rgb(196,27,236)
```

Triadic Color

#43ec1b
```
#43ec1b rgb(67,236,27)
```
#1becc4
```
#1becc4 rgb(27,236,196)
```
#c41bec
```
#c41bec rgb(196,27,236)
```
#ec1b43
```
#ec1b43 rgb(236,27,67)
```

Tetradic Color

#0eac8e
```
#0eac8e rgb(14,172,142)
```
#10c4a1
```
#10c4a1 rgb(16,196,161)
```
#12dbb5
```
#12dbb5 rgb(18,219,181)
```
#1becc4
```
#1becc4 rgb(27,236,196)
```
#33eeca
```
#33eeca rgb(51,238,202)
```
#4af0d0
```
#4af0d0 rgb(74,240,208)
```
#62f2d6
```
#62f2d6 rgb(98,242,214)
```

Monochromatic Color

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

#1bec90
```
#1bec90 rgb(27,236,144)
```
#1beca1
```
#1beca1 rgb(27,236,161)
```
#1becb3
```
#1becb3 rgb(27,236,179)
```
#1becc4
```
#1becc4 rgb(27,236,196)
```
#1becd5
```
#1becd5 rgb(27,236,213)
```
#1bece7
```
#1bece7 rgb(27,236,231)
```
#1be0ec
```
#1be0ec rgb(27,224,236)
```

Similar Colors

Text with hexadecimal color #1becc4

This text has a font color of #1becc4.

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

#1becc4 background color

This paragraph has a background color of #1becc4.

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

#1becc4 border color

This element has a border color of #1becc4.

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

CSS codes

.text {color:#1becc4;}

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

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

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)
```
#053e33
```
#053e33 rgb(5,62,51)
```
#075042
```
#075042 rgb(7,80,66)
```
#086251
```
#086251 rgb(8,98,81)
```
#0a7460
```
#0a7460 rgb(10,116,96)
```
#0b866f
```
#0b866f rgb(11,134,111)
```
#0d987e
```
#0d987e rgb(13,152,126)
```
#0eaa8c
```
#0eaa8c rgb(14,170,140)
```
#10bc9b
```
#10bc9b rgb(16,188,155)
```
#11cfaa
```
#11cfaa rgb(17,207,170)
```
#13e1b9
```
#13e1b9 rgb(19,225,185)
```

Shade Color Variation

#1becc4
```
#1becc4 rgb(27,236,196)
```
#2deec9
```
#2deec9 rgb(45,238,201)
```
#3fefcd
```
#3fefcd rgb(63,239,205)
```
#51f1d2
```
#51f1d2 rgb(81,241,210)
```
#63f2d7
```
#63f2d7 rgb(99,242,215)
```
#76f4db
```
#76f4db rgb(118,244,219)
```
#88f5e0
```
#88f5e0 rgb(136,245,224)
```
#9af7e5
```
#9af7e5 rgb(154,247,229)
```
#acf8e9
```
#acf8e9 rgb(172,248,233)
```
#befaee
```
#befaee rgb(190,250,238)
```
#d0fbf3
```
#d0fbf3 rgb(208,251,243)
```
#e2fdf8
```
#e2fdf8 rgb(226,253,248)
```
#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 #12f6ca 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)
```
#5eaa9b
```
#5eaa9b rgb(94,170,155)
```
#54b3a1
```
#54b3a1 rgb(84,179,161)
```
#4bbda7
```
#4bbda7 rgb(75,189,167)
```
#41c6ad
```
#41c6ad rgb(65,198,173)
```
#38d0b2
```
#38d0b2 rgb(56,208,178)
```
#2ed9b8
```
#2ed9b8 rgb(46,217,184)
```
#25e3be
```
#25e3be rgb(37,227,190)
```
#1becc4
```
#1becc4 rgb(27,236,196)
```
#12f6ca
```
#12f6ca rgb(18,246,202)
```

Tone Color Variation

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

#ddd3ba Protanopia 1% of men
#e8cdd2 Deuteranopia 1% of men
#57e6f6 Tritanopia 0.001% of the population

Trichromacy

#96dcbe Protanomaly 1% of men, 0.01% of women
#9dd8cd Deuteranomaly 6% of men, 0.4% of women
#41e8e4 Tritanomaly 0.01% of the population