#2df6af hex color

In a RGB color space, hex #2df6af is composed of 17.6% red, 96.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 0% magenta, 28.9% yellow and 3.5% black. It has a hue angle of 158.8 degrees, a saturation of 91.8% and a lightness of 57.1%. #2df6af color hex could be obtained by blending #5affff with #00ed5f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 18
- G 96
- B 69
RGB color chart
- C 82
- M 0
- Y 29
- K 4
CMYK color chart

● #2df6af color description : Bright cyan - lime green.

The hexadecimal color #2df6af has RGB values of R:45, G:246, B:175 and CMYK values of C:0.82, M:0, Y:0.29, K:0.04. Its decimal value is 3012271.

Hex triplet	2df6af	`#2df6af`
RGB Decimal	45, 246, 175	`rgb(45,246,175)`
RGB Percent	17.6, 96.5, 68.6	`rgb(17.6%,96.5%,68.6%)`
CMYK	82, 0, 29, 4
HSL	158.8°, 91.8, 57.1	`hsl(158.8,91.8%,57.1%)`
HSV (or HSB)	158.8°, 81.7, 96.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.781, -62.871, 21.098
XYZ	41.772, 69.56, 51.78
xyY	0.256, 0.426, 69.56
CIE-LCH	86.781, 66.317, 161.449
CIE-LUV	86.781, -71.238, 40.982
Hunter-Lab	83.403, -56.553, 21.572
Binary	00101101, 11110110, 10101111

#2df6af
```
#2df6af rgb(45,246,175)
```
#f62d74
```
#f62d74 rgb(246,45,116)
```

Complementary Color

#2df64b
```
#2df64b rgb(45,246,75)
```
#2df6af
```
#2df6af rgb(45,246,175)
```
#2dd9f6
```
#2dd9f6 rgb(45,217,246)
```

Analogous Color

#f64b2d
```
#f64b2d rgb(246,75,45)
```
#2df6af
```
#2df6af rgb(45,246,175)
```
#f62dd9
```
#f62dd9 rgb(246,45,217)
```

Split Complementary Color

#f6af2d
```
#f6af2d rgb(246,175,45)
```
#2df6af
```
#2df6af rgb(45,246,175)
```
#af2df6
```
#af2df6 rgb(175,45,246)
```

Triadic Color

#74f62d
```
#74f62d rgb(116,246,45)
```
#2df6af
```
#2df6af rgb(45,246,175)
```
#af2df6
```
#af2df6 rgb(175,45,246)
```
#f62d74
```
#f62d74 rgb(246,45,116)
```

Tetradic Color

#09ce88
```
#09ce88 rgb(9,206,136)
```
#0ae698
```
#0ae698 rgb(10,230,152)
```
#15f5a6
```
#15f5a6 rgb(21,245,166)
```
#2df6af
```
#2df6af rgb(45,246,175)
```
#45f7b8
```
#45f7b8 rgb(69,247,184)
```
#5ef8c2
```
#5ef8c2 rgb(94,248,194)
```
#76f9cb
```
#76f9cb rgb(118,249,203)
```

Monochromatic Color

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

#2df67d
```
#2df67d rgb(45,246,125)
```
#2df68e
```
#2df68e rgb(45,246,142)
```
#2df69e
```
#2df69e rgb(45,246,158)
```
#2df6af
```
#2df6af rgb(45,246,175)
```
#2df6c0
```
#2df6c0 rgb(45,246,192)
```
#2df6d1
```
#2df6d1 rgb(45,246,209)
```
#2df6e1
```
#2df6e1 rgb(45,246,225)
```

Similar Colors

Text with hexadecimal color #2df6af

This text has a font color of #2df6af.

<span style="color:#2df6af;">Text here</span>

#2df6af background color

This paragraph has a background color of #2df6af.

<p style="background-color:#2df6af;">Content here</p>

#2df6af border color

This element has a border color of #2df6af.

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

CSS codes

.text {color:#2df6af;}

.background {background-color:#2df6af;}

.border {border:1px solid #2df6af;}

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

#01100a
```
#01100a rgb(1,16,10)
```
#012317
```
#012317 rgb(1,35,23)
```
#023523
```
#023523 rgb(2,53,35)
```
#034830
```
#034830 rgb(3,72,48)
```
#045b3c
```
#045b3c rgb(4,91,60)
```
#056e49
```
#056e49 rgb(5,110,73)
```
#068155
```
#068155 rgb(6,129,85)
```
#069362
```
#069362 rgb(6,147,98)
```
#07a66e
```
#07a66e rgb(7,166,110)
```
#08b97a
```
#08b97a rgb(8,185,122)
```
#09cc87
```
#09cc87 rgb(9,204,135)
```
#0adf93
```
#0adf93 rgb(10,223,147)
```
#0af1a0
```
#0af1a0 rgb(10,241,160)
```

Shade Color Variation

#1af5a8
```
#1af5a8 rgb(26,245,168)
```
#2df6af
```
#2df6af rgb(45,246,175)
```
#40f7b6
```
#40f7b6 rgb(64,247,182)
```
#53f8bd
```
#53f8bd rgb(83,248,189)
```
#65f8c4
```
#65f8c4 rgb(101,248,196)
```
#78f9cc
```
#78f9cc rgb(120,249,204)
```
#8bfad3
```
#8bfad3 rgb(139,250,211)
```
#9efbda
```
#9efbda rgb(158,251,218)
```
#b1fce1
```
#b1fce1 rgb(177,252,225)
```
#c3fce8
```
#c3fce8 rgb(195,252,232)
```
#d6fdef
```
#d6fdef rgb(214,253,239)
```
#e9fef7
```
#e9fef7 rgb(233,254,247)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a9994 is the less saturated color, while #25feb1 is the most saturated one.

#8a9994
```
#8a9994 rgb(138,153,148)
```
#81a296
```
#81a296 rgb(129,162,150)
```
#79aa99
```
#79aa99 rgb(121,170,153)
```
#70b39b
```
#70b39b rgb(112,179,155)
```
#68bb9e
```
#68bb9e rgb(104,187,158)
```
#60c3a0
```
#60c3a0 rgb(96,195,160)
```
#57cca3
```
#57cca3 rgb(87,204,163)
```
#4fd4a5
```
#4fd4a5 rgb(79,212,165)
```
#46dda8
```
#46dda8 rgb(70,221,168)
```
#3ee5aa
```
#3ee5aa rgb(62,229,170)
```
#35eead
```
#35eead rgb(53,238,173)
```
#2df6af
```
#2df6af rgb(45,246,175)
```
#25feb1
```
#25feb1 rgb(37,254,177)
```

Tone Color Variation

Below, you can see how #2df6af 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

#b2b2b2 Achromatopsia 0.005% of the population
#97c0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadaa7 Protanopia 1% of men
#f9d3bf Deuteranopia 1% of men
#6becfd Tritanopia 0.001% of the population

Trichromacy

#a5e4aa Protanomaly 1% of men, 0.01% of women
#afe0b9 Deuteranomaly 6% of men, 0.4% of women
#54f0e1 Tritanomaly 0.01% of the population

#2df6af hex color

#2df6af Color Information

#2df6af Color Conversion

Color Schemes with #2df6af

Alternatives to #2df6af

#2df6af Preview

Shades and Tints of #2df6af

Tones of #2df6af

Color Blindness Simulator