colorhexa.com

#2df3ba hex color

In a RGB color space, hex #2df3ba is composed of 17.6% red, 95.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 23.5% yellow and 4.7% black. It has a hue angle of 162.7 degrees, a saturation of 89.2% and a lightness of 56.5%. #2df3ba color hex could be obtained by blending #5affff with #00e775. Closest websafe color is: #33ffcc.

- R 18
- G 95
- B 73
RGB color chart
- C 81
- M 0
- Y 23
- K 5
CMYK color chart

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

The hexadecimal color #2df3ba has RGB values of R:45, G:243, B:186 and CMYK values of C:0.81, M:0, Y:0.23, K:0.05. Its decimal value is 3011514.

Hex triplet	2df3ba	`#2df3ba`
RGB Decimal	45, 243, 186	`rgb(45,243,186)`
RGB Percent	17.6, 95.3, 72.9	`rgb(17.6%,95.3%,72.9%)`
CMYK	81, 0, 23, 5
HSL	162.7°, 89.2, 56.5	`hsl(162.7,89.2%,56.5%)`
HSV (or HSB)	162.7°, 81.5, 95.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.106, -59.299, 14.478
XYZ	41.992, 68.2, 57.402
xyY	0.251, 0.407, 68.2
CIE-LCH	86.106, 61.041, 166.279
CIE-LUV	86.106, -69.485, 31.101
Hunter-Lab	82.583, -53.757, 16.597
Binary	00101101, 11110011, 10111010

#2df3ba
```
#2df3ba rgb(45,243,186)
```
#f32d66
```
#f32d66 rgb(243,45,102)
```

Complementary Color

#2df357
```
#2df357 rgb(45,243,87)
```
#2df3ba
```
#2df3ba rgb(45,243,186)
```
#2dc9f3
```
#2dc9f3 rgb(45,201,243)
```

Analogous Color

#f3572d
```
#f3572d rgb(243,87,45)
```
#2df3ba
```
#2df3ba rgb(45,243,186)
```
#f32dc9
```
#f32dc9 rgb(243,45,201)
```

Split Complementary Color

#f3ba2d
```
#f3ba2d rgb(243,186,45)
```
#2df3ba
```
#2df3ba rgb(45,243,186)
```
#ba2df3
```
#ba2df3 rgb(186,45,243)
```

Triadic Color

#66f32d
```
#66f32d rgb(102,243,45)
```
#2df3ba
```
#2df3ba rgb(45,243,186)
```
#ba2df3
```
#ba2df3 rgb(186,45,243)
```
#f32d66
```
#f32d66 rgb(243,45,102)
```

Tetradic Color

#0bc892
```
#0bc892 rgb(11,200,146)
```
#0de0a3
```
#0de0a3 rgb(13,224,163)
```
#15f2b2
```
#15f2b2 rgb(21,242,178)
```
#2df3ba
```
#2df3ba rgb(45,243,186)
```
#45f4c2
```
#45f4c2 rgb(69,244,194)
```
#5df6ca
```
#5df6ca rgb(93,246,202)
```
#75f7d2
```
#75f7d2 rgb(117,247,210)
```

Monochromatic Color

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

#2df389
```
#2df389 rgb(45,243,137)
```
#2df399
```
#2df399 rgb(45,243,153)
```
#2df3aa
```
#2df3aa rgb(45,243,170)
```
#2df3ba
```
#2df3ba rgb(45,243,186)
```
#2df3cb
```
#2df3cb rgb(45,243,203)
```
#2df3db
```
#2df3db rgb(45,243,219)
```
#2df3ec
```
#2df3ec rgb(45,243,236)
```

Similar Colors

Text with hexadecimal color #2df3ba

This text has a font color of #2df3ba.

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

#2df3ba background color

This paragraph has a background color of #2df3ba.

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

#2df3ba border color

This element has a border color of #2df3ba.

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

CSS codes

.text {color:#2df3ba;}

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

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

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

#010d09
```
#010d09 rgb(1,13,9)
```
#021f17
```
#021f17 rgb(2,31,23)
```
#033224
```
#033224 rgb(3,50,36)
```
#044432
```
#044432 rgb(4,68,50)
```
#05573f
```
#05573f rgb(5,87,63)
```
#06694d
```
#06694d rgb(6,105,77)
```
#077c5a
```
#077c5a rgb(7,124,90)
```
#088f68
```
#088f68 rgb(8,143,104)
```
#09a175
```
#09a175 rgb(9,161,117)
```
#0ab483
```
#0ab483 rgb(10,180,131)
```
#0bc690
```
#0bc690 rgb(11,198,144)
```
#0cd99e
```
#0cd99e rgb(12,217,158)
```
#0debab
```
#0debab rgb(13,235,171)
```

Shade Color Variation

#1af2b4
```
#1af2b4 rgb(26,242,180)
```
#2df3ba
```
#2df3ba rgb(45,243,186)
```
#40f4c0
```
#40f4c0 rgb(64,244,192)
```
#52f5c6
```
#52f5c6 rgb(82,245,198)
```
#65f6cc
```
#65f6cc rgb(101,246,204)
```
#77f7d2
```
#77f7d2 rgb(119,247,210)
```
#8af8d8
```
#8af8d8 rgb(138,248,216)
```
#9cf9df
```
#9cf9df rgb(156,249,223)
```
#affae5
```
#affae5 rgb(175,250,229)
```
#c1fbeb
```
#c1fbeb rgb(193,251,235)
```
#d4fdf1
```
#d4fdf1 rgb(212,253,241)
```
#e7fef7
```
#e7fef7 rgb(231,254,247)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

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

#8b9592
```
#8b9592 rgb(139,149,146)
```
#829e96
```
#829e96 rgb(130,158,150)
```
#7aa699
```
#7aa699 rgb(122,166,153)
```
#71af9d
```
#71af9d rgb(113,175,157)
```
#69b7a1
```
#69b7a1 rgb(105,183,161)
```
#60c0a4
```
#60c0a4 rgb(96,192,164)
```
#58c8a8
```
#58c8a8 rgb(88,200,168)
```
#4fd1ac
```
#4fd1ac rgb(79,209,172)
```
#47d9af
```
#47d9af rgb(71,217,175)
```
#3ee2b3
```
#3ee2b3 rgb(62,226,179)
```
#36eab6
```
#36eab6 rgb(54,234,182)
```
#2df3ba
```
#2df3ba rgb(45,243,186)
```
#24fcbe
```
#24fcbe rgb(36,252,190)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#97beb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d8b1 Protanopia 1% of men
#f3d2c9 Deuteranopia 1% of men
#66ebfc Tritanopia 0.001% of the population

Trichromacy

#a2e2b4 Protanomaly 1% of men, 0.01% of women
#abdec3 Deuteranomaly 6% of men, 0.4% of women
#51ede4 Tritanomaly 0.01% of the population