#1af5bd hex color

In a RGB color space, hex #1af5bd is composed of 10.2% red, 96.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 0% magenta, 22.9% yellow and 3.9% black. It has a hue angle of 164.7 degrees, a saturation of 91.6% and a lightness of 53.1%. #1af5bd color hex could be obtained by blending #34ffff with #00eb7b. Closest websafe color is: #33ffcc.

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

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

The hexadecimal color #1af5bd has RGB values of R:26, G:245, B:189 and CMYK values of C:0.89, M:0, Y:0.23, K:0.04. Its decimal value is 1766845.

Hex triplet	1af5bd	`#1af5bd`
RGB Decimal	26, 245, 189	`rgb(26,245,189)`
RGB Percent	10.2, 96.1, 74.1	`rgb(10.2%,96.1%,74.1%)`
CMYK	89, 0, 23, 4
HSL	164.7°, 91.6, 53.1	`hsl(164.7,91.6%,53.1%)`
HSV (or HSB)	164.7°, 89.4, 96.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.6, -60.619, 13.596
XYZ	42.26, 69.194, 59.27
xyY	0.248, 0.405, 69.194
CIE-LCH	86.6, 62.125, 167.359
CIE-LUV	86.6, -71.45, 30.059
Hunter-Lab	83.183, -54.886, 15.983
Binary	00011010, 11110101, 10111101

#1af5bd
```
#1af5bd rgb(26,245,189)
```
#f51a52
```
#f51a52 rgb(245,26,82)
```

Complementary Color

#1af550
```
#1af550 rgb(26,245,80)
```
#1af5bd
```
#1af5bd rgb(26,245,189)
```
#1ac0f5
```
#1ac0f5 rgb(26,192,245)
```

Analogous Color

#f5501a
```
#f5501a rgb(245,80,26)
```
#1af5bd
```
#1af5bd rgb(26,245,189)
```
#f51ac0
```
#f51ac0 rgb(245,26,192)
```

Split Complementary Color

#f5bd1a
```
#f5bd1a rgb(245,189,26)
```
#1af5bd
```
#1af5bd rgb(26,245,189)
```
#bd1af5
```
#bd1af5 rgb(189,26,245)
```

Triadic Color

#52f51a
```
#52f51a rgb(82,245,26)
```
#1af5bd
```
#1af5bd rgb(26,245,189)
```
#bd1af5
```
#bd1af5 rgb(189,26,245)
```
#f51a52
```
#f51a52 rgb(245,26,82)
```

Tetradic Color

#08ba8d
```
#08ba8d rgb(8,186,141)
```
#09d39f
```
#09d39f rgb(9,211,159)
```
#0aebb2
```
#0aebb2 rgb(10,235,178)
```
#1af5bd
```
#1af5bd rgb(26,245,189)
```
#32f6c4
```
#32f6c4 rgb(50,246,196)
```
#4bf7cb
```
#4bf7cb rgb(75,247,203)
```
#63f8d2
```
#63f8d2 rgb(99,248,210)
```

Monochromatic Color

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

#1af586
```
#1af586 rgb(26,245,134)
```
#1af599
```
#1af599 rgb(26,245,153)
```
#1af5ab
```
#1af5ab rgb(26,245,171)
```
#1af5bd
```
#1af5bd rgb(26,245,189)
```
#1af5cf
```
#1af5cf rgb(26,245,207)
```
#1af5e2
```
#1af5e2 rgb(26,245,226)
```
#1af5f4
```
#1af5f4 rgb(26,245,244)
```

Similar Colors

Text with hexadecimal color #1af5bd

This text has a font color of #1af5bd.

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

#1af5bd background color

This paragraph has a background color of #1af5bd.

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

#1af5bd border color

This element has a border color of #1af5bd.

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

CSS codes

.text {color:#1af5bd;}

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

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

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

#010f0c
```
#010f0c rgb(1,15,12)
```
#01221a
```
#01221a rgb(1,34,26)
```
#023528
```
#023528 rgb(2,53,40)
```
#034836
```
#034836 rgb(3,72,54)
```
#045b44
```
#045b44 rgb(4,91,68)
```
#056d53
```
#056d53 rgb(5,109,83)
```
#068061
```
#068061 rgb(6,128,97)
```
#06936f
```
#06936f rgb(6,147,111)
```
#07a67d
```
#07a67d rgb(7,166,125)
```
#08b88b
```
#08b88b rgb(8,184,139)
```
#09cb9a
```
#09cb9a rgb(9,203,154)
```
#0adea8
```
#0adea8 rgb(10,222,168)
```
#0bf1b6
```
#0bf1b6 rgb(11,241,182)
```

Shade Color Variation

#1af5bd
```
#1af5bd rgb(26,245,189)
```
#2df6c2
```
#2df6c2 rgb(45,246,194)
```
#40f7c8
```
#40f7c8 rgb(64,247,200)
```
#52f7cd
```
#52f7cd rgb(82,247,205)
```
#65f8d3
```
#65f8d3 rgb(101,248,211)
```
#78f9d8
```
#78f9d8 rgb(120,249,216)
```
#8bfade
```
#8bfade rgb(139,250,222)
```
#9efbe3
```
#9efbe3 rgb(158,251,227)
```
#b0fce8
```
#b0fce8 rgb(176,252,232)
```
#c3fcee
```
#c3fcee rgb(195,252,238)
```
#d6fdf3
```
#d6fdf3 rgb(214,253,243)
```
#e9fef9
```
#e9fef9 rgb(233,254,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#7f908c
```
#7f908c rgb(127,144,140)
```
#769990
```
#769990 rgb(118,153,144)
```
#6da295
```
#6da295 rgb(109,162,149)
```
#64ab99
```
#64ab99 rgb(100,171,153)
```
#5ab59e
```
#5ab59e rgb(90,181,158)
```
#51bea2
```
#51bea2 rgb(81,190,162)
```
#48c7a7
```
#48c7a7 rgb(72,199,167)
```
#3fd0ab
```
#3fd0ab rgb(63,208,171)
```
#36d9b0
```
#36d9b0 rgb(54,217,176)
```
#2ce3b4
```
#2ce3b4 rgb(44,227,180)
```
#23ecb9
```
#23ecb9 rgb(35,236,185)
```
#1af5bd
```
#1af5bd rgb(26,245,189)
```
#11fec1
```
#11fec1 rgb(17,254,193)
```

Tone Color Variation

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

Dichromacy

#e7dab3 Protanopia 1% of men
#f4d3cc Deuteranopia 1% of men
#5fecfe Tritanopia 0.001% of the population

Trichromacy

#9ce3b7 Protanomaly 1% of men, 0.01% of women
#a5dfc6 Deuteranomaly 6% of men, 0.4% of women
#46efe6 Tritanomaly 0.01% of the population

#1af5bd hex color

#1af5bd Color Information

#1af5bd Color Conversion

Color Schemes with #1af5bd

Alternatives to #1af5bd

#1af5bd Preview

Shades and Tints of #1af5bd

Tones of #1af5bd

Color Blindness Simulator