#1ff0b4 hex color

In a RGB color space, hex #1ff0b4 is composed of 12.2% red, 94.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 0% magenta, 25% yellow and 5.9% black. It has a hue angle of 162.8 degrees, a saturation of 87.4% and a lightness of 53.1%. #1ff0b4 color hex could be obtained by blending #3effff with #00e169. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 12
- G 94
- B 71
RGB color chart
- C 87
- M 0
- Y 25
- K 6
CMYK color chart

● #1ff0b4 color description : Vivid cyan - lime green.

The hexadecimal color #1ff0b4 has RGB values of R:31, G:240, B:180 and CMYK values of C:0.87, M:0, Y:0.25, K:0.06. Its decimal value is 2093236.

Hex triplet	1ff0b4	`#1ff0b4`
RGB Decimal	31, 240, 180	`rgb(31,240,180)`
RGB Percent	12.2, 94.1, 70.6	`rgb(12.2%,94.1%,70.6%)`
CMYK	87, 0, 25, 6
HSL	162.8°, 87.4, 53.1	`hsl(162.8,87.4%,53.1%)`
HSV (or HSB)	162.8°, 87.1, 94.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.947, -60.546, 15.94
XYZ	39.96, 65.903, 53.792
xyY	0.25, 0.413, 65.903
CIE-LCH	84.947, 62.609, 165.25
CIE-LUV	84.947, -70.131, 33.283
Hunter-Lab	81.18, -54.201, 17.539
Binary	00011111, 11110000, 10110100

#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#f01f5b
```
#f01f5b rgb(240,31,91)
```

Complementary Color

#1ff04c
```
#1ff04c rgb(31,240,76)
```
#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#1fc4f0
```
#1fc4f0 rgb(31,196,240)
```

Analogous Color

#f04c1f
```
#f04c1f rgb(240,76,31)
```
#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#f01fc4
```
#f01fc4 rgb(240,31,196)
```

Split Complementary Color

#f0b41f
```
#f0b41f rgb(240,180,31)
```
#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#b41ff0
```
#b41ff0 rgb(180,31,240)
```

Triadic Color

#5bf01f
```
#5bf01f rgb(91,240,31)
```
#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#b41ff0
```
#b41ff0 rgb(180,31,240)
```
#f01f5b
```
#f01f5b rgb(240,31,91)
```

Tetradic Color

#0cb685
```
#0cb685 rgb(12,182,133)
```
#0ece97
```
#0ece97 rgb(14,206,151)
```
#0fe6a8
```
#0fe6a8 rgb(15,230,168)
```
#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#37f2bc
```
#37f2bc rgb(55,242,188)
```
#4ff3c4
```
#4ff3c4 rgb(79,243,196)
```
#67f5cc
```
#67f5cc rgb(103,245,204)
```

Monochromatic Color

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

#1ff080
```
#1ff080 rgb(31,240,128)
```
#1ff091
```
#1ff091 rgb(31,240,145)
```
#1ff0a3
```
#1ff0a3 rgb(31,240,163)
```
#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#1ff0c5
```
#1ff0c5 rgb(31,240,197)
```
#1ff0d7
```
#1ff0d7 rgb(31,240,215)
```
#1ff0e8
```
#1ff0e8 rgb(31,240,232)
```

Similar Colors

Text with hexadecimal color #1ff0b4

This text has a font color of #1ff0b4.

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

#1ff0b4 background color

This paragraph has a background color of #1ff0b4.

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

#1ff0b4 border color

This element has a border color of #1ff0b4.

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

CSS codes

.text {color:#1ff0b4;}

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

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

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, #010f0b is the darkest color, while #fcfffe is the lightest one.

#010f0b
```
#010f0b rgb(1,15,11)
```
#022118
```
#022118 rgb(2,33,24)
```
#033426
```
#033426 rgb(3,52,38)
```
#054633
```
#054633 rgb(5,70,51)
```
#065941
```
#065941 rgb(6,89,65)
```
#076b4e
```
#076b4e rgb(7,107,78)
```
#087d5c
```
#087d5c rgb(8,125,92)
```
#0a9069
```
#0a9069 rgb(10,144,105)
```
#0ba277
```
#0ba277 rgb(11,162,119)
```
#0cb484
```
#0cb484 rgb(12,180,132)
```
#0dc792
```
#0dc792 rgb(13,199,146)
```
#0fd99f
```
#0fd99f rgb(15,217,159)
```
#10ecac
```
#10ecac rgb(16,236,172)
```

Shade Color Variation

#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#31f1ba
```
#31f1ba rgb(49,241,186)
```
#44f2c0
```
#44f2c0 rgb(68,242,192)
```
#56f4c6
```
#56f4c6 rgb(86,244,198)
```
#69f5cd
```
#69f5cd rgb(105,245,205)
```
#7bf6d3
```
#7bf6d3 rgb(123,246,211)
```
#8df7d9
```
#8df7d9 rgb(141,247,217)
```
#a0f9df
```
#a0f9df rgb(160,249,223)
```
#b2fae5
```
#b2fae5 rgb(178,250,229)
```
#c4fbeb
```
#c4fbeb rgb(196,251,235)
```
#d7fcf2
```
#d7fcf2 rgb(215,252,242)
```
#e9fef8
```
#e9fef8 rgb(233,254,248)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848b89 is the less saturated color, while #16f9b8 is the most saturated one.

#848b89
```
#848b89 rgb(132,139,137)
```
#7b948d
```
#7b948d rgb(123,148,141)
```
#729d91
```
#729d91 rgb(114,157,145)
```
#69a695
```
#69a695 rgb(105,166,149)
```
#5fb099
```
#5fb099 rgb(95,176,153)
```
#56b99d
```
#56b99d rgb(86,185,157)
```
#4dc2a0
```
#4dc2a0 rgb(77,194,160)
```
#44cba4
```
#44cba4 rgb(68,203,164)
```
#3bd4a8
```
#3bd4a8 rgb(59,212,168)
```
#31deac
```
#31deac rgb(49,222,172)
```
#28e7b0
```
#28e7b0 rgb(40,231,176)
```
#1ff0b4
```
#1ff0b4 rgb(31,240,180)
```
#16f9b8
```
#16f9b8 rgb(22,249,184)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#8fb9ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d5ab Protanopia 1% of men
#f1cfc3 Deuteranopia 1% of men
#61e7f8 Tritanopia 0.001% of the population

Trichromacy

#9cdfae Protanomaly 1% of men, 0.01% of women
#a4dbbd Deuteranomaly 6% of men, 0.4% of women
#49eadf Tritanomaly 0.01% of the population

#1ff0b4 hex color

#1ff0b4 Color Information

#1ff0b4 Color Conversion

Color Schemes with #1ff0b4

Alternatives to #1ff0b4

#1ff0b4 Preview

Shades and Tints of #1ff0b4

Tones of #1ff0b4

Color Blindness Simulator