#6bd4a2 hex color

In a RGB color space, hex #6bd4a2 is composed of 42% red, 83.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 23.6% yellow and 16.9% black. It has a hue angle of 151.4 degrees, a saturation of 55% and a lightness of 62.5%. #6bd4a2 color hex could be obtained by blending #d6ffff with #00a945. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 42
- G 83
- B 64
RGB color chart
- C 50
- M 0
- Y 24
- K 17
CMYK color chart

● #6bd4a2 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #6bd4a2 has RGB values of R:107, G:212, B:162 and CMYK values of C:0.5, M:0, Y:0.24, K:0.17. Its decimal value is 7066786.

Hex triplet	6bd4a2	`#6bd4a2`
RGB Decimal	107, 212, 162	`rgb(107,212,162)`
RGB Percent	42, 83.1, 63.5	`rgb(42%,83.1%,63.5%)`
CMYK	50, 0, 24, 17
HSL	151.4°, 55, 62.5	`hsl(151.4,55%,62.5%)`
HSV (or HSB)	151.4°, 49.5, 83.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	77.768, -41.987, 15.538
XYZ	36.126, 52.819, 42.472
xyY	0.275, 0.402, 52.819
CIE-LCH	77.768, 44.769, 159.693
CIE-LUV	77.768, -47.169, 29.322
Hunter-Lab	72.677, -38.455, 16.225
Binary	01101011, 11010100, 10100010

#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#d46b9d
```
#d46b9d rgb(212,107,157)
```

Complementary Color

#6bd46e
```
#6bd46e rgb(107,212,110)
```
#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#6bd2d4
```
#6bd2d4 rgb(107,210,212)
```

Analogous Color

#d46e6b
```
#d46e6b rgb(212,110,107)
```
#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#d46bd2
```
#d46bd2 rgb(212,107,210)
```

Split Complementary Color

#d4a26b
```
#d4a26b rgb(212,162,107)
```
#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#a26bd4
```
#a26bd4 rgb(162,107,212)
```

Triadic Color

#9dd46b
```
#9dd46b rgb(157,212,107)
```
#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#a26bd4
```
#a26bd4 rgb(162,107,212)
```
#d46b9d
```
#d46b9d rgb(212,107,157)
```

Tetradic Color

#37bc7c
```
#37bc7c rgb(55,188,124)
```
#43c989
```
#43c989 rgb(67,201,137)
```
#57ce96
```
#57ce96 rgb(87,206,150)
```
#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#7fdaae
```
#7fdaae rgb(127,218,174)
```
#93dfbb
```
#93dfbb rgb(147,223,187)
```
#a6e5c7
```
#a6e5c7 rgb(166,229,199)
```

Monochromatic Color

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

#6bd488
```
#6bd488 rgb(107,212,136)
```
#6bd491
```
#6bd491 rgb(107,212,145)
```
#6bd499
```
#6bd499 rgb(107,212,153)
```
#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#6bd4ab
```
#6bd4ab rgb(107,212,171)
```
#6bd4b4
```
#6bd4b4 rgb(107,212,180)
```
#6bd4bc
```
#6bd4bc rgb(107,212,188)
```

Similar Colors

Text with hexadecimal color #6bd4a2

This text has a font color of #6bd4a2.

<span style="color:#6bd4a2;">Text here</span>

#6bd4a2 background color

This paragraph has a background color of #6bd4a2.

<p style="background-color:#6bd4a2;">Content here</p>

#6bd4a2 border color

This element has a border color of #6bd4a2.

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

CSS codes

.text {color:#6bd4a2;}

.background {background-color:#6bd4a2;}

.border {border:1px solid #6bd4a2;}

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

#010403
```
#010403 rgb(1,4,3)
```
#06130d
```
#06130d rgb(6,19,13)
```
#0a2217
```
#0a2217 rgb(10,34,23)
```
#0e3221
```
#0e3221 rgb(14,50,33)
```
#13412b
```
#13412b rgb(19,65,43)
```
#175035
```
#175035 rgb(23,80,53)
```
#1c5f3f
```
#1c5f3f rgb(28,95,63)
```
#206e49
```
#206e49 rgb(32,110,73)
```
#247e53
```
#247e53 rgb(36,126,83)
```
#298d5d
```
#298d5d rgb(41,141,93)
```
#2d9c67
```
#2d9c67 rgb(45,156,103)
```
#32ab71
```
#32ab71 rgb(50,171,113)
```
#36ba7b
```
#36ba7b rgb(54,186,123)
```

Shade Color Variation

#3dc785
```
#3dc785 rgb(61,199,133)
```
#4dcb8f
```
#4dcb8f rgb(77,203,143)
```
#5cd098
```
#5cd098 rgb(92,208,152)
```
#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#7ad8ac
```
#7ad8ac rgb(122,216,172)
```
#89ddb5
```
#89ddb5 rgb(137,221,181)
```
#99e1bf
```
#99e1bf rgb(153,225,191)
```
#a8e6c8
```
#a8e6c8 rgb(168,230,200)
```
#b7ead2
```
#b7ead2 rgb(183,234,210)
```
#c6eedb
```
#c6eedb rgb(198,238,219)
```
#d5f3e5
```
#d5f3e5 rgb(213,243,229)
```
#e5f7ee
```
#e5f7ee rgb(229,247,238)
```
#f4fcf8
```
#f4fcf8 rgb(244,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea1a0 is the less saturated color, while #46f9a4 is the most saturated one.

#9ea1a0
```
#9ea1a0 rgb(158,161,160)
```
#97a8a0
```
#97a8a0 rgb(151,168,160)
```
#90afa0
```
#90afa0 rgb(144,175,160)
```
#88b7a1
```
#88b7a1 rgb(136,183,161)
```
#81bea1
```
#81bea1 rgb(129,190,161)
```
#7ac5a1
```
#7ac5a1 rgb(122,197,161)
```
#72cda2
```
#72cda2 rgb(114,205,162)
```
#6bd4a2
```
#6bd4a2 rgb(107,212,162)
```
#64dba2
```
#64dba2 rgb(100,219,162)
```
#5ce3a3
```
#5ce3a3 rgb(92,227,163)
```
#55eaa3
```
#55eaa3 rgb(85,234,163)
```
#4ef1a3
```
#4ef1a3 rgb(78,241,163)
```
#46f9a4
```
#46f9a4 rgb(70,249,164)
```

Tone Color Variation

Below, you can see how #6bd4a2 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

#afafaf Achromatopsia 0.005% of the population
#a1b6ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc39e Protanopia 1% of men
#ddbcaf Deuteranopia 1% of men
#84cedd Tritanopia 0.001% of the population

Trichromacy

#aac99f Protanomaly 1% of men, 0.01% of women
#b3c5aa Deuteranomaly 6% of men, 0.4% of women
#7bd0c8 Tritanomaly 0.01% of the population

#6bd4a2 hex color

#6bd4a2 Color Information

#6bd4a2 Color Conversion

Color Schemes with #6bd4a2

Alternatives to #6bd4a2

#6bd4a2 Preview

Shades and Tints of #6bd4a2

Tones of #6bd4a2

Color Blindness Simulator