#1af6b4 hex color

In a RGB color space, hex #1af6b4 is composed of 10.2% red, 96.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 0% magenta, 26.8% yellow and 3.5% black. It has a hue angle of 162 degrees, a saturation of 92.4% and a lightness of 53.3%. #1af6b4 color hex could be obtained by blending #34ffff with #00ed69. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 10
- G 96
- B 71
RGB color chart
- C 89
- M 0
- Y 27
- K 4
CMYK color chart

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

The hexadecimal color #1af6b4 has RGB values of R:26, G:246, B:180 and CMYK values of C:0.89, M:0, Y:0.27, K:0.04. Its decimal value is 1767092.

Hex triplet	1af6b4	`#1af6b4`
RGB Decimal	26, 246, 180	`rgb(26,246,180)`
RGB Percent	10.2, 96.5, 70.6	`rgb(10.2%,96.5%,70.6%)`
CMYK	89, 0, 27, 4
HSL	162°, 92.4, 53.3	`hsl(162,92.4%,53.3%)`
HSV (or HSB)	162°, 89.4, 96.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.713, -63.051, 18.407
XYZ	41.616, 69.422, 54.384
xyY	0.252, 0.42, 69.422
CIE-LCH	86.713, 65.683, 163.726
CIE-LUV	86.713, -72.427, 37.275
Hunter-Lab	83.32, -56.653, 19.625
Binary	00011010, 11110110, 10110100

#1af6b4
```
#1af6b4 rgb(26,246,180)
```
#f61a5c
```
#f61a5c rgb(246,26,92)
```

Complementary Color

#1af646
```
#1af646 rgb(26,246,70)
```
#1af6b4
```
#1af6b4 rgb(26,246,180)
```
#1acaf6
```
#1acaf6 rgb(26,202,246)
```

Analogous Color

#f6461a
```
#f6461a rgb(246,70,26)
```
#1af6b4
```
#1af6b4 rgb(26,246,180)
```
#f61aca
```
#f61aca rgb(246,26,202)
```

Split Complementary Color

#f6b41a
```
#f6b41a rgb(246,180,26)
```
#1af6b4
```
#1af6b4 rgb(26,246,180)
```
#b41af6
```
#b41af6 rgb(180,26,246)
```

Triadic Color

#5cf61a
```
#5cf61a rgb(92,246,26)
```
#1af6b4
```
#1af6b4 rgb(26,246,180)
```
#b41af6
```
#b41af6 rgb(180,26,246)
```
#f61a5c
```
#f61a5c rgb(246,26,92)
```

Tetradic Color

#07bc86
```
#07bc86 rgb(7,188,134)
```
#08d597
```
#08d597 rgb(8,213,151)
```
#09eda9
```
#09eda9 rgb(9,237,169)
```
#1af6b4
```
#1af6b4 rgb(26,246,180)
```
#33f7bc
```
#33f7bc rgb(51,247,188)
```
#4bf8c4
```
#4bf8c4 rgb(75,248,196)
```
#64f9cc
```
#64f9cc rgb(100,249,204)
```

Monochromatic Color

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

#1af67d
```
#1af67d rgb(26,246,125)
```
#1af68f
```
#1af68f rgb(26,246,143)
```
#1af6a2
```
#1af6a2 rgb(26,246,162)
```
#1af6b4
```
#1af6b4 rgb(26,246,180)
```
#1af6c6
```
#1af6c6 rgb(26,246,198)
```
#1af6d9
```
#1af6d9 rgb(26,246,217)
```
#1af6eb
```
#1af6eb rgb(26,246,235)
```

Similar Colors

Text with hexadecimal color #1af6b4

This text has a font color of #1af6b4.

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

#1af6b4 background color

This paragraph has a background color of #1af6b4.

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

#1af6b4 border color

This element has a border color of #1af6b4.

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

CSS codes

.text {color:#1af6b4;}

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

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

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

#01100c
```
#01100c rgb(1,16,12)
```
#012319
```
#012319 rgb(1,35,25)
```
#023627
```
#023627 rgb(2,54,39)
```
#034934
```
#034934 rgb(3,73,52)
```
#045c41
```
#045c41 rgb(4,92,65)
```
#046f4f
```
#046f4f rgb(4,111,79)
```
#05825c
```
#05825c rgb(5,130,92)
```
#06946a
```
#06946a rgb(6,148,106)
```
#07a777
```
#07a777 rgb(7,167,119)
```
#07ba85
```
#07ba85 rgb(7,186,133)
```
#08cd92
```
#08cd92 rgb(8,205,146)
```
#09e09f
```
#09e09f rgb(9,224,159)
```
#0af3ad
```
#0af3ad rgb(10,243,173)
```

Shade Color Variation

#1af6b4
```
#1af6b4 rgb(26,246,180)
```
#2df7ba
```
#2df7ba rgb(45,247,186)
```
#40f7c0
```
#40f7c0 rgb(64,247,192)
```
#53f8c7
```
#53f8c7 rgb(83,248,199)
```
#65f9cd
```
#65f9cd rgb(101,249,205)
```
#78fad3
```
#78fad3 rgb(120,250,211)
```
#8bfad9
```
#8bfad9 rgb(139,250,217)
```
#9efbdf
```
#9efbdf rgb(158,251,223)
```
#b1fce5
```
#b1fce5 rgb(177,252,229)
```
#c4fdec
```
#c4fdec rgb(196,253,236)
```
#d7fdf2
```
#d7fdf2 rgb(215,253,242)
```
#eafef8
```
#eafef8 rgb(234,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, #888888 is the less saturated color, while #1af6b4 is the most saturated one.

#888888
```
#888888 rgb(136,136,136)
```
#7f918c
```
#7f918c rgb(127,145,140)
```
#769a8f
```
#769a8f rgb(118,154,143)
```
#6ca493
```
#6ca493 rgb(108,164,147)
```
#63ad97
```
#63ad97 rgb(99,173,151)
```
#5ab69a
```
#5ab69a rgb(90,182,154)
```
#51bf9e
```
#51bf9e rgb(81,191,158)
```
#48c8a2
```
#48c8a2 rgb(72,200,162)
```
#3fd1a5
```
#3fd1a5 rgb(63,209,165)
```
#35dba9
```
#35dba9 rgb(53,219,169)
```
#2ce4ad
```
#2ce4ad rgb(44,228,173)
```
#23edb0
```
#23edb0 rgb(35,237,176)
```
#1af6b4
```
#1af6b4 rgb(26,246,180)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#90bcae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9daab Protanopia 1% of men
#f7d3c4 Deuteranopia 1% of men
#63edfe Tritanopia 0.001% of the population

Trichromacy

#9de4ae Protanomaly 1% of men, 0.01% of women
#a7e0be Deuteranomaly 6% of men, 0.4% of women
#48f0e3 Tritanomaly 0.01% of the population

#1af6b4 hex color

#1af6b4 Color Information

#1af6b4 Color Conversion

Color Schemes with #1af6b4

Alternatives to #1af6b4

#1af6b4 Preview

Shades and Tints of #1af6b4

Tones of #1af6b4

Color Blindness Simulator