colorhexa.com

#2df286 hex color

In a RGB color space, hex #2df286 is composed of 17.6% red, 94.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 44.6% yellow and 5.1% black. It has a hue angle of 147.1 degrees, a saturation of 88.3% and a lightness of 56.3%. #2df286 color hex could be obtained by blending #5affff with #00e50d. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #2df286 has RGB values of R:45, G:242, B:134 and CMYK values of C:0.81, M:0, Y:0.45, K:0.05. Its decimal value is 3011206.

Hex triplet	2df286	`#2df286`
RGB Decimal	45, 242, 134	`rgb(45,242,134)`
RGB Percent	17.6, 94.9, 52.5	`rgb(17.6%,94.9%,52.5%)`
CMYK	81, 0, 45, 5
HSL	147.1°, 88.3, 56.3	`hsl(147.1,88.3%,56.3%)`
HSV (or HSB)	147.1°, 81.4, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.884, -69.319, 39.199
XYZ	37.135, 65.779, 33.293
xyY	0.273, 0.483, 65.779
CIE-LCH	84.884, 79.634, 150.512
CIE-LUV	84.884, -72.447, 64.561
Hunter-Lab	81.105, -60.204, 32.435
Binary	00101101, 11110010, 10000110

#2df286
```
#2df286 rgb(45,242,134)
```
#f22d99
```
#f22d99 rgb(242,45,153)
```

Complementary Color

#36f22d
```
#36f22d rgb(54,242,45)
```
#2df286
```
#2df286 rgb(45,242,134)
```
#2df2e9
```
#2df2e9 rgb(45,242,233)
```

Analogous Color

#f22d36
```
#f22d36 rgb(242,45,54)
```
#2df286
```
#2df286 rgb(45,242,134)
```
#e92df2
```
#e92df2 rgb(233,45,242)
```

Split Complementary Color

#f2862d
```
#f2862d rgb(242,134,45)
```
#2df286
```
#2df286 rgb(45,242,134)
```
#862df2
```
#862df2 rgb(134,45,242)
```

Triadic Color

#99f22d
```
#99f22d rgb(153,242,45)
```
#2df286
```
#2df286 rgb(45,242,134)
```
#862df2
```
#862df2 rgb(134,45,242)
```
#f22d99
```
#f22d99 rgb(242,45,153)
```

Tetradic Color

#0cc660
```
#0cc660 rgb(12,198,96)
```
#0ede6c
```
#0ede6c rgb(14,222,108)
```
#15f178
```
#15f178 rgb(21,241,120)
```
#2df286
```
#2df286 rgb(45,242,134)
```
#45f394
```
#45f394 rgb(69,243,148)
```
#5df5a2
```
#5df5a2 rgb(93,245,162)
```
#75f6b0
```
#75f6b0 rgb(117,246,176)
```

Monochromatic Color

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

#2df255
```
#2df255 rgb(45,242,85)
```
#2df265
```
#2df265 rgb(45,242,101)
```
#2df276
```
#2df276 rgb(45,242,118)
```
#2df286
```
#2df286 rgb(45,242,134)
```
#2df296
```
#2df296 rgb(45,242,150)
```
#2df2a7
```
#2df2a7 rgb(45,242,167)
```
#2df2b7
```
#2df2b7 rgb(45,242,183)
```

Similar Colors

Text with hexadecimal color #2df286

This text has a font color of #2df286.

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

#2df286 background color

This paragraph has a background color of #2df286.

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

#2df286 border color

This element has a border color of #2df286.

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

CSS codes

.text {color:#2df286;}

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

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

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

#010c06
```
#010c06 rgb(1,12,6)
```
#021e0f
```
#021e0f rgb(2,30,15)
```
#033118
```
#033118 rgb(3,49,24)
```
#044321
```
#044321 rgb(4,67,33)
```
#05562a
```
#05562a rgb(5,86,42)
```
#066833
```
#066833 rgb(6,104,51)
```
#087a3b
```
#087a3b rgb(8,122,59)
```
#098d44
```
#098d44 rgb(9,141,68)
```
#0a9f4d
```
#0a9f4d rgb(10,159,77)
```
#0bb256
```
#0bb256 rgb(11,178,86)
```
#0cc45f
```
#0cc45f rgb(12,196,95)
```
#0dd768
```
#0dd768 rgb(13,215,104)
```
#0ee971
```
#0ee971 rgb(14,233,113)
```

Shade Color Variation

#1bf17b
```
#1bf17b rgb(27,241,123)
```
#2df286
```
#2df286 rgb(45,242,134)
```
#3ff391
```
#3ff391 rgb(63,243,145)
```
#52f49b
```
#52f49b rgb(82,244,155)
```
#64f5a6
```
#64f5a6 rgb(100,245,166)
```
#77f7b1
```
#77f7b1 rgb(119,247,177)
```
#89f8bb
```
#89f8bb rgb(137,248,187)
```
#9cf9c6
```
#9cf9c6 rgb(156,249,198)
```
#aefad1
```
#aefad1 rgb(174,250,209)
```
#c1fbdb
```
#c1fbdb rgb(193,251,219)
```
#d3fce6
```
#d3fce6 rgb(211,252,230)
```
#e6fdf0
```
#e6fdf0 rgb(230,253,240)
```
#f8fffb
```
#f8fffb rgb(248,255,251)
```

Tint Color Variation

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

#8b948f
```
#8b948f rgb(139,148,143)
```
#839c8e
```
#839c8e rgb(131,156,142)
```
#7aa58d
```
#7aa58d rgb(122,165,141)
```
#72ad8d
```
#72ad8d rgb(114,173,141)
```
#69b68c
```
#69b68c rgb(105,182,140)
```
#60bf8b
```
#60bf8b rgb(96,191,139)
```
#58c78a
```
#58c78a rgb(88,199,138)
```
#4fd089
```
#4fd089 rgb(79,208,137)
```
#47d888
```
#47d888 rgb(71,216,136)
```
#3ee188
```
#3ee188 rgb(62,225,136)
```
#36e987
```
#36e987 rgb(54,233,135)
```
#2df286
```
#2df286 rgb(45,242,134)
```
#24fb85
```
#24fb85 rgb(36,251,133)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#92b9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d682 Protanopia 1% of men
#fdcd99 Deuteranopia 1% of men
#72e6f7 Tritanopia 0.001% of the population

Trichromacy

#a5e083 Protanomaly 1% of men, 0.01% of women
#b1da92 Deuteranomaly 6% of men, 0.4% of women
#59eacd Tritanomaly 0.01% of the population