#2defb4 hex color

In a RGB color space, hex #2defb4 is composed of 17.6% red, 93.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 24.7% yellow and 6.3% black. It has a hue angle of 161.8 degrees, a saturation of 85.8% and a lightness of 55.7%. #2defb4 color hex could be obtained by blending #5affff with #00df69. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 18
- G 94
- B 71
RGB color chart
- C 81
- M 0
- Y 25
- K 6
CMYK color chart

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

The hexadecimal color #2defb4 has RGB values of R:45, G:239, B:180 and CMYK values of C:0.81, M:0, Y:0.25, K:0.06. Its decimal value is 3010484.

Hex triplet	2defb4	`#2defb4`
RGB Decimal	45, 239, 180	`rgb(45,239,180)`
RGB Percent	17.6, 93.7, 70.6	`rgb(17.6%,93.7%,70.6%)`
CMYK	81, 0, 25, 6
HSL	161.8°, 85.8, 55.7	`hsl(161.8,85.8%,55.7%)`
HSV (or HSB)	161.8°, 81.2, 93.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.783, -59.142, 15.729
XYZ	40.184, 65.582, 53.718
xyY	0.252, 0.411, 65.582
CIE-LCH	84.783, 61.198, 165.106
CIE-LUV	84.783, -68.563, 32.763
Hunter-Lab	80.983, -53.148, 17.359
Binary	00101101, 11101111, 10110100

#2defb4
```
#2defb4 rgb(45,239,180)
```
#ef2d68
```
#ef2d68 rgb(239,45,104)
```

Complementary Color

#2def53
```
#2def53 rgb(45,239,83)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#2dc9ef
```
#2dc9ef rgb(45,201,239)
```

Analogous Color

#ef532d
```
#ef532d rgb(239,83,45)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#ef2dc9
```
#ef2dc9 rgb(239,45,201)
```

Split Complementary Color

#efb42d
```
#efb42d rgb(239,180,45)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#b42def
```
#b42def rgb(180,45,239)
```

Triadic Color

#68ef2d
```
#68ef2d rgb(104,239,45)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#b42def
```
#b42def rgb(180,45,239)
```
#ef2d68
```
#ef2d68 rgb(239,45,104)
```

Tetradic Color

#0fc18b
```
#0fc18b rgb(15,193,139)
```
#10d99c
```
#10d99c rgb(16,217,156)
```
#15edac
```
#15edac rgb(21,237,172)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#45f1bc
```
#45f1bc rgb(69,241,188)
```
#5cf3c5
```
#5cf3c5 rgb(92,243,197)
```
#74f4cd
```
#74f4cd rgb(116,244,205)
```

Monochromatic Color

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

#2def84
```
#2def84 rgb(45,239,132)
```
#2def94
```
#2def94 rgb(45,239,148)
```
#2defa4
```
#2defa4 rgb(45,239,164)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#2defc4
```
#2defc4 rgb(45,239,196)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#2defe5
```
#2defe5 rgb(45,239,229)
```

Similar Colors

Text with hexadecimal color #2defb4

This text has a font color of #2defb4.

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

#2defb4 background color

This paragraph has a background color of #2defb4.

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

#2defb4 border color

This element has a border color of #2defb4.

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

CSS codes

.text {color:#2defb4;}

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

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

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, #010906 is the darkest color, while #f5fefc is the lightest one.

#010906
```
#010906 rgb(1,9,6)
```
#021b13
```
#021b13 rgb(2,27,19)
```
#032d20
```
#032d20 rgb(3,45,32)
```
#053f2e
```
#053f2e rgb(5,63,46)
```
#06523b
```
#06523b rgb(6,82,59)
```
#086448
```
#086448 rgb(8,100,72)
```
#097655
```
#097655 rgb(9,118,85)
```
#0a8862
```
#0a8862 rgb(10,136,98)
```
#0c9b6f
```
#0c9b6f rgb(12,155,111)
```
#0dad7c
```
#0dad7c rgb(13,173,124)
```
#0fbf89
```
#0fbf89 rgb(15,191,137)
```
#10d196
```
#10d196 rgb(16,209,150)
```
#11e3a4
```
#11e3a4 rgb(17,227,164)
```

Shade Color Variation

#1beead
```
#1beead rgb(27,238,173)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#3ff0bb
```
#3ff0bb rgb(63,240,187)
```
#51f2c1
```
#51f2c1 rgb(81,242,193)
```
#64f3c8
```
#64f3c8 rgb(100,243,200)
```
#76f5ce
```
#76f5ce rgb(118,245,206)
```
#88f6d5
```
#88f6d5 rgb(136,246,213)
```
#9af7db
```
#9af7db rgb(154,247,219)
```
#adf9e2
```
#adf9e2 rgb(173,249,226)
```
#bffae8
```
#bffae8 rgb(191,250,232)
```
#d1fbef
```
#d1fbef rgb(209,251,239)
```
#e3fdf5
```
#e3fdf5 rgb(227,253,245)
```
#f5fefc
```
#f5fefc rgb(245,254,252)
```

Tint Color Variation

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

#8d8f8f
```
#8d8f8f rgb(141,143,143)
```
#849892
```
#849892 rgb(132,152,146)
```
#7ba195
```
#7ba195 rgb(123,161,149)
```
#73a999
```
#73a999 rgb(115,169,153)
```
#6ab29c
```
#6ab29c rgb(106,178,156)
```
#61bba0
```
#61bba0 rgb(97,187,160)
```
#58c4a3
```
#58c4a3 rgb(88,196,163)
```
#50cca6
```
#50cca6 rgb(80,204,166)
```
#47d5aa
```
#47d5aa rgb(71,213,170)
```
#3edead
```
#3edead rgb(62,222,173)
```
#36e6b1
```
#36e6b1 rgb(54,230,177)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#24f8b7
```
#24f8b7 rgb(36,248,183)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#94bbaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d5ac Protanopia 1% of men
#f0cec3 Deuteranopia 1% of men
#65e7f8 Tritanopia 0.001% of the population

Trichromacy

#a0deae Protanomaly 1% of men, 0.01% of women
#a9dabd Deuteranomaly 6% of men, 0.4% of women
#51e9df Tritanomaly 0.01% of the population

#2defb4 hex color

#2defb4 Color Information

#2defb4 Color Conversion

Color Schemes with #2defb4

Alternatives to #2defb4

#2defb4 Preview

Shades and Tints of #2defb4

Tones of #2defb4

Color Blindness Simulator