#3ddf66 hex color

In a RGB color space, hex #3ddf66 is composed of 23.9% red, 87.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 0% magenta, 54.3% yellow and 12.5% black. It has a hue angle of 135.2 degrees, a saturation of 71.7% and a lightness of 55.7%. #3ddf66 color hex could be obtained by blending #7affcc with #00bf00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 24
- G 87
- B 40
RGB color chart
- C 73
- M 0
- Y 54
- K 13
CMYK color chart

● #3ddf66 color description : Bright cyan - lime green.

The hexadecimal color #3ddf66 has RGB values of R:61, G:223, B:102 and CMYK values of C:0.73, M:0, Y:0.54, K:0.13. Its decimal value is 4054886.

Hex triplet	3ddf66	`#3ddf66`
RGB Decimal	61, 223, 102	`rgb(61,223,102)`
RGB Percent	23.9, 87.5, 40	`rgb(23.9%,87.5%,40%)`
CMYK	73, 0, 54, 13
HSL	135.2°, 71.7, 55.7	`hsl(135.2,71.7%,55.7%)`
HSV (or HSB)	135.2°, 72.6, 87.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	78.882, -65.882, 47.101
XYZ	30.709, 54.724, 21.514
xyY	0.287, 0.512, 54.724
CIE-LCH	78.882, 80.987, 144.438
CIE-LUV	78.882, -65.381, 71.044
Hunter-Lab	73.975, -55.359, 34.54
Binary	00111101, 11011111, 01100110

#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#df3db6
```
#df3db6 rgb(223,61,182)
```

Complementary Color

#65df3d
```
#65df3d rgb(101,223,61)
```
#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#3ddfb7
```
#3ddfb7 rgb(61,223,183)
```

Analogous Color

#df3d65
```
#df3d65 rgb(223,61,101)
```
#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#b73ddf
```
#b73ddf rgb(183,61,223)
```

Split Complementary Color

#df663d
```
#df663d rgb(223,102,61)
```
#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#663ddf
```
#663ddf rgb(102,61,223)
```

Triadic Color

#b6df3d
```
#b6df3d rgb(182,223,61)
```
#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#663ddf
```
#663ddf rgb(102,61,223)
```
#df3db6
```
#df3db6 rgb(223,61,182)
```

Tetradic Color

#1db243
```
#1db243 rgb(29,178,67)
```
#21c84b
```
#21c84b rgb(33,200,75)
```
#27db55
```
#27db55 rgb(39,219,85)
```
#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#53e377
```
#53e377 rgb(83,227,119)
```
#69e689
```
#69e689 rgb(105,230,137)
```
#7fea9a
```
#7fea9a rgb(127,234,154)
```

Monochromatic Color

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

#3ddf3e
```
#3ddf3e rgb(61,223,62)
```
#3ddf4b
```
#3ddf4b rgb(61,223,75)
```
#3ddf59
```
#3ddf59 rgb(61,223,89)
```
#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#3ddf74
```
#3ddf74 rgb(61,223,116)
```
#3ddf81
```
#3ddf81 rgb(61,223,129)
```
#3ddf8f
```
#3ddf8f rgb(61,223,143)
```

Similar Colors

Text with hexadecimal color #3ddf66

This text has a font color of #3ddf66.

<span style="color:#3ddf66;">Text here</span>

#3ddf66 background color

This paragraph has a background color of #3ddf66.

<p style="background-color:#3ddf66;">Content here</p>

#3ddf66 border color

This element has a border color of #3ddf66.

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

CSS codes

.text {color:#3ddf66;}

.background {background-color:#3ddf66;}

.border {border:1px solid #3ddf66;}

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

#010803
```
#010803 rgb(1,8,3)
```
#041909
```
#041909 rgb(4,25,9)
```
#072a10
```
#072a10 rgb(7,42,16)
```
#0a3b16
```
#0a3b16 rgb(10,59,22)
```
#0c4b1c
```
#0c4b1c rgb(12,75,28)
```
#0f5c23
```
#0f5c23 rgb(15,92,35)
```
#126d29
```
#126d29 rgb(18,109,41)
```
#157e2f
```
#157e2f rgb(21,126,47)
```
#188f36
```
#188f36 rgb(24,143,54)
```
#1aa03c
```
#1aa03c rgb(26,160,60)
```
#1db042
```
#1db042 rgb(29,176,66)
```
#20c149
```
#20c149 rgb(32,193,73)
```
#23d24f
```
#23d24f rgb(35,210,79)
```

Shade Color Variation

#2cdc59
```
#2cdc59 rgb(44,220,89)
```
#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#4ee273
```
#4ee273 rgb(78,226,115)
```
#5fe581
```
#5fe581 rgb(95,229,129)
```
#70e78e
```
#70e78e rgb(112,231,142)
```
#80ea9b
```
#80ea9b rgb(128,234,155)
```
#91eda8
```
#91eda8 rgb(145,237,168)
```
#a2f0b6
```
#a2f0b6 rgb(162,240,182)
```
#b3f2c3
```
#b3f2c3 rgb(179,242,195)
```
#c4f5d0
```
#c4f5d0 rgb(196,245,208)
```
#d5f8de
```
#d5f8de rgb(213,248,222)
```
#e5fbeb
```
#e5fbeb rgb(229,251,235)
```
#f6fef8
```
#f6fef8 rgb(246,254,248)
```

Tint Color Variation

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

#8b918d
```
#8b918d rgb(139,145,141)
```
#839988
```
#839988 rgb(131,153,136)
```
#7aa284
```
#7aa284 rgb(122,162,132)
```
#71ab80
```
#71ab80 rgb(113,171,128)
```
#68b47b
```
#68b47b rgb(104,180,123)
```
#60bc77
```
#60bc77 rgb(96,188,119)
```
#57c573
```
#57c573 rgb(87,197,115)
```
#4ece6f
```
#4ece6f rgb(78,206,111)
```
#46d66a
```
#46d66a rgb(70,214,106)
```
#3ddf66
```
#3ddf66 rgb(61,223,102)
```
#34e862
```
#34e862 rgb(52,232,98)
```
#2cf05d
```
#2cf05d rgb(44,240,93)
```
#23f959
```
#23f959 rgb(35,249,89)
```

Tone Color Variation

Below, you can see how #3ddf66 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

#a1a1a1 Achromatopsia 0.005% of the population
#8dad95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac665 Protanopia 1% of men
#eebd7a Deuteranopia 1% of men
#75d3e3 Tritanopia 0.001% of the population

Trichromacy

#a1cf65 Protanomaly 1% of men, 0.01% of women
#aec973 Deuteranomaly 6% of men, 0.4% of women
#61d7b5 Tritanomaly 0.01% of the population

#3ddf66 hex color

#3ddf66 Color Information

#3ddf66 Color Conversion

Color Schemes with #3ddf66

Alternatives to #3ddf66

#3ddf66 Preview

Shades and Tints of #3ddf66

Tones of #3ddf66

Color Blindness Simulator