#1af2bc hex color

In a RGB color space, hex #1af2bc is composed of 10.2% red, 94.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 0% magenta, 22.3% yellow and 5.1% black. It has a hue angle of 165 degrees, a saturation of 89.3% and a lightness of 52.5%. #1af2bc color hex could be obtained by blending #34ffff with #00e579. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 10
- G 95
- B 74
RGB color chart
- C 89
- M 0
- Y 22
- K 5
CMYK color chart

● #1af2bc color description : Vivid cyan.

The hexadecimal color #1af2bc has RGB values of R:26, G:242, B:188 and CMYK values of C:0.89, M:0, Y:0.22, K:0.05. Its decimal value is 1766076.

Hex triplet	1af2bc	`#1af2bc`
RGB Decimal	26, 242, 188	`rgb(26,242,188)`
RGB Percent	10.2, 94.9, 73.7	`rgb(10.2%,94.9%,73.7%)`
CMYK	89, 0, 22, 5
HSL	165°, 89.3, 52.5	`hsl(165,89.3%,52.5%)`
HSV (or HSB)	165°, 89.3, 94.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.681, -59.716, 12.814
XYZ	41.252, 67.35, 58.4
xyY	0.247, 0.403, 67.35
CIE-LCH	85.681, 61.075, 167.889
CIE-LUV	85.681, -70.538, 28.731
Hunter-Lab	82.067, -53.894, 15.256
Binary	00011010, 11110010, 10111100

#1af2bc
```
#1af2bc rgb(26,242,188)
```
#f21a50
```
#f21a50 rgb(242,26,80)
```

Complementary Color

#1af250
```
#1af250 rgb(26,242,80)
```
#1af2bc
```
#1af2bc rgb(26,242,188)
```
#1abcf2
```
#1abcf2 rgb(26,188,242)
```

Analogous Color

#f2501a
```
#f2501a rgb(242,80,26)
```
#1af2bc
```
#1af2bc rgb(26,242,188)
```
#f21abc
```
#f21abc rgb(242,26,188)
```

Split Complementary Color

#f2bc1a
```
#f2bc1a rgb(242,188,26)
```
#1af2bc
```
#1af2bc rgb(26,242,188)
```
#bc1af2
```
#bc1af2 rgb(188,26,242)
```

Triadic Color

#50f21a
```
#50f21a rgb(80,242,26)
```
#1af2bc
```
#1af2bc rgb(26,242,188)
```
#bc1af2
```
#bc1af2 rgb(188,26,242)
```
#f21a50
```
#f21a50 rgb(242,26,80)
```

Tetradic Color

#0ab58a
```
#0ab58a rgb(10,181,138)
```
#0ccd9d
```
#0ccd9d rgb(12,205,157)
```
#0de5af
```
#0de5af rgb(13,229,175)
```
#1af2bc
```
#1af2bc rgb(26,242,188)
```
#32f3c3
```
#32f3c3 rgb(50,243,195)
```
#4af5ca
```
#4af5ca rgb(74,245,202)
```
#62f6d1
```
#62f6d1 rgb(98,246,209)
```

Monochromatic Color

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

#1af286
```
#1af286 rgb(26,242,134)
```
#1af298
```
#1af298 rgb(26,242,152)
```
#1af2aa
```
#1af2aa rgb(26,242,170)
```
#1af2bc
```
#1af2bc rgb(26,242,188)
```
#1af2ce
```
#1af2ce rgb(26,242,206)
```
#1af2e0
```
#1af2e0 rgb(26,242,224)
```
#1af2f2
```
#1af2f2 rgb(26,242,242)
```

Similar Colors

Text with hexadecimal color #1af2bc

This text has a font color of #1af2bc.

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

#1af2bc background color

This paragraph has a background color of #1af2bc.

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

#1af2bc border color

This element has a border color of #1af2bc.

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

CSS codes

.text {color:#1af2bc;}

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

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

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

#010c09
```
#010c09 rgb(1,12,9)
```
#021f18
```
#021f18 rgb(2,31,24)
```
#033126
```
#033126 rgb(3,49,38)
```
#044434
```
#044434 rgb(4,68,52)
```
#055742
```
#055742 rgb(5,87,66)
```
#066950
```
#066950 rgb(6,105,80)
```
#077c5f
```
#077c5f rgb(7,124,95)
```
#088e6d
```
#088e6d rgb(8,142,109)
```
#09a17b
```
#09a17b rgb(9,161,123)
```
#0ab389
```
#0ab389 rgb(10,179,137)
```
#0bc697
```
#0bc697 rgb(11,198,151)
```
#0cd8a5
```
#0cd8a5 rgb(12,216,165)
```
#0debb4
```
#0debb4 rgb(13,235,180)
```

Shade Color Variation

#1af2bc
```
#1af2bc rgb(26,242,188)
```
#2df3c1
```
#2df3c1 rgb(45,243,193)
```
#3ff4c7
```
#3ff4c7 rgb(63,244,199)
```
#52f5cc
```
#52f5cc rgb(82,245,204)
```
#64f6d2
```
#64f6d2 rgb(100,246,210)
```
#77f7d7
```
#77f7d7 rgb(119,247,215)
```
#89f8dd
```
#89f8dd rgb(137,248,221)
```
#9cf9e2
```
#9cf9e2 rgb(156,249,226)
```
#aefae7
```
#aefae7 rgb(174,250,231)
```
#c1fbed
```
#c1fbed rgb(193,251,237)
```
#d4fdf2
```
#d4fdf2 rgb(212,253,242)
```
#e6fef8
```
#e6fef8 rgb(230,254,248)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808c89 is the less saturated color, while #11fbc1 is the most saturated one.

#808c89
```
#808c89 rgb(128,140,137)
```
#77958d
```
#77958d rgb(119,149,141)
```
#6e9e92
```
#6e9e92 rgb(110,158,146)
```
#64a897
```
#64a897 rgb(100,168,151)
```
#5bb19b
```
#5bb19b rgb(91,177,155)
```
#52baa0
```
#52baa0 rgb(82,186,160)
```
#49c3a5
```
#49c3a5 rgb(73,195,165)
```
#3fcda9
```
#3fcda9 rgb(63,205,169)
```
#36d6ae
```
#36d6ae rgb(54,214,174)
```
#2ddfb3
```
#2ddfb3 rgb(45,223,179)
```
#23e9b7
```
#23e9b7 rgb(35,233,183)
```
#1af2bc
```
#1af2bc rgb(26,242,188)
```
#11fbc1
```
#11fbc1 rgb(17,251,193)
```

Tone Color Variation

Below, you can see how #1af2bc 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
#8eb9ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d7b3 Protanopia 1% of men
#f1d1cb Deuteranopia 1% of men
#5eeafb Tritanopia 0.001% of the population

Trichromacy

#9ae1b6 Protanomaly 1% of men, 0.01% of women
#a3ddc5 Deuteranomaly 6% of men, 0.4% of women
#45ede4 Tritanomaly 0.01% of the population

#1af2bc hex color

#1af2bc Color Information

#1af2bc Color Conversion

Color Schemes with #1af2bc

Alternatives to #1af2bc

#1af2bc Preview

Shades and Tints of #1af2bc

Tones of #1af2bc

Color Blindness Simulator