#1af0d4 hex color

In a RGB color space, hex #1af0d4 is composed of 10.2% red, 94.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 11.7% yellow and 5.9% black. It has a hue angle of 172.1 degrees, a saturation of 87.7% and a lightness of 52.2%. #1af0d4 color hex could be obtained by blending #34ffff with #00e1a9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 10
- G 94
- B 83
RGB color chart
- C 89
- M 0
- Y 12
- K 6
CMYK color chart

● #1af0d4 color description : Vivid cyan.

The hexadecimal color #1af0d4 has RGB values of R:26, G:240, B:212 and CMYK values of C:0.89, M:0, Y:0.12, K:0.06. Its decimal value is 1765588.

Hex triplet	1af0d4	`#1af0d4`
RGB Decimal	26, 240, 212	`rgb(26,240,212)`
RGB Percent	10.2, 94.1, 83.1	`rgb(10.2%,94.1%,83.1%)`
CMYK	89, 0, 12, 6
HSL	172.1°, 87.7, 52.2	`hsl(172.1,87.7%,52.2%)`
HSV (or HSB)	172.1°, 89.2, 94.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.65, -52.927, 0.228
XYZ	43.466, 67.289, 72.981
xyY	0.237, 0.366, 67.289
CIE-LCH	85.65, 52.928, 179.754
CIE-LUV	85.65, -68.062, 8.753
Hunter-Lab	82.03, -48.969, 4.671
Binary	00011010, 11110000, 11010100

#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#f01a36
```
#f01a36 rgb(240,26,54)
```

Complementary Color

#1af069
```
#1af069 rgb(26,240,105)
```
#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#1aa1f0
```
#1aa1f0 rgb(26,161,240)
```

Analogous Color

#f0691a
```
#f0691a rgb(240,105,26)
```
#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#f01aa1
```
#f01aa1 rgb(240,26,161)
```

Split Complementary Color

#f0d41a
```
#f0d41a rgb(240,212,26)
```
#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#d41af0
```
#d41af0 rgb(212,26,240)
```

Triadic Color

#36f01a
```
#36f01a rgb(54,240,26)
```
#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#d41af0
```
#d41af0 rgb(212,26,240)
```
#f01a36
```
#f01a36 rgb(240,26,54)
```

Tetradic Color

#0cb29c
```
#0cb29c rgb(12,178,156)
```
#0dcab1
```
#0dcab1 rgb(13,202,177)
```
#0fe2c6
```
#0fe2c6 rgb(15,226,198)
```
#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#32f2d8
```
#32f2d8 rgb(50,242,216)
```
#4af3dd
```
#4af3dd rgb(74,243,221)
```
#62f5e1
```
#62f5e1 rgb(98,245,225)
```

Monochromatic Color

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

#1af09f
```
#1af09f rgb(26,240,159)
```
#1af0b0
```
#1af0b0 rgb(26,240,176)
```
#1af0c2
```
#1af0c2 rgb(26,240,194)
```
#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#1af0e6
```
#1af0e6 rgb(26,240,230)
```
#1ae8f0
```
#1ae8f0 rgb(26,232,240)
```
#1ad7f0
```
#1ad7f0 rgb(26,215,240)
```

Similar Colors

Text with hexadecimal color #1af0d4

This text has a font color of #1af0d4.

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

#1af0d4 background color

This paragraph has a background color of #1af0d4.

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

#1af0d4 border color

This element has a border color of #1af0d4.

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

CSS codes

.text {color:#1af0d4;}

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

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

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

#010a09
```
#010a09 rgb(1,10,9)
```
#021d19
```
#021d19 rgb(2,29,25)
```
#032f29
```
#032f29 rgb(3,47,41)
```
#04423a
```
#04423a rgb(4,66,58)
```
#05544a
```
#05544a rgb(5,84,74)
```
#07665a
```
#07665a rgb(7,102,90)
```
#08796a
```
#08796a rgb(8,121,106)
```
#098b7a
```
#098b7a rgb(9,139,122)
```
#0a9e8a
```
#0a9e8a rgb(10,158,138)
```
#0cb09a
```
#0cb09a rgb(12,176,154)
```
#0dc2ab
```
#0dc2ab rgb(13,194,171)
```
#0ed5bb
```
#0ed5bb rgb(14,213,187)
```
#0fe7cb
```
#0fe7cb rgb(15,231,203)
```

Shade Color Variation

#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#2cf1d7
```
#2cf1d7 rgb(44,241,215)
```
#3ff2db
```
#3ff2db rgb(63,242,219)
```
#51f4de
```
#51f4de rgb(81,244,222)
```
#64f5e2
```
#64f5e2 rgb(100,245,226)
```
#76f6e5
```
#76f6e5 rgb(118,246,229)
```
#88f7e9
```
#88f7e9 rgb(136,247,233)
```
#9bf8ec
```
#9bf8ec rgb(155,248,236)
```
#adfaf0
```
#adfaf0 rgb(173,250,240)
```
#c0fbf3
```
#c0fbf3 rgb(192,251,243)
```
#d2fcf7
```
#d2fcf7 rgb(210,252,247)
```
#e5fdfa
```
#e5fdfa rgb(229,253,250)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#818988
```
#818988 rgb(129,137,136)
```
#78928f
```
#78928f rgb(120,146,143)
```
#6e9c96
```
#6e9c96 rgb(110,156,150)
```
#65a59d
```
#65a59d rgb(101,165,157)
```
#5caea3
```
#5caea3 rgb(92,174,163)
```
#52b8aa
```
#52b8aa rgb(82,184,170)
```
#49c1b1
```
#49c1b1 rgb(73,193,177)
```
#40cab8
```
#40cab8 rgb(64,202,184)
```
#36d4bf
```
#36d4bf rgb(54,212,191)
```
#2dddc6
```
#2dddc6 rgb(45,221,198)
```
#23e7cd
```
#23e7cd rgb(35,231,205)
```
#1af0d4
```
#1af0d4 rgb(26,240,212)
```
#11f9db
```
#11f9db rgb(17,249,219)
```

Tone Color Variation

Below, you can see how #1af0d4 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
#90bab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd7c9 Protanopia 1% of men
#e7d2e1 Deuteranopia 1% of men
#52ebfc Tritanopia 0.001% of the population

Trichromacy

#97e0cd Protanomaly 1% of men, 0.01% of women
#9ddddc Deuteranomaly 6% of men, 0.4% of women
#3deced Tritanomaly 0.01% of the population

#1af0d4 hex color

#1af0d4 Color Information

#1af0d4 Color Conversion

Color Schemes with #1af0d4

Alternatives to #1af0d4

#1af0d4 Preview

Shades and Tints of #1af0d4

Tones of #1af0d4

Color Blindness Simulator