colorhexa.com

#66d4ba hex color

In a RGB color space, hex #66d4ba is composed of 40% red, 83.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 12.3% yellow and 16.9% black. It has a hue angle of 165.8 degrees, a saturation of 56.1% and a lightness of 61.6%. #66d4ba color hex could be obtained by blending #ccffff with #00a975. Closest websafe color is: #66cccc.

- R 40
- G 83
- B 73
RGB color chart
- C 52
- M 0
- Y 12
- K 17
CMYK color chart

● #66d4ba color description : Moderate cyan.

The hexadecimal color #66d4ba has RGB values of R:102, G:212, B:186 and CMYK values of C:0.52, M:0, Y:0.12, K:0.17. Its decimal value is 6739130.

Hex triplet	66d4ba	`#66d4ba`
RGB Decimal	102, 212, 186	`rgb(102,212,186)`
RGB Percent	40, 83.1, 72.9	`rgb(40%,83.1%,72.9%)`
CMYK	52, 0, 12, 17
HSL	165.8°, 56.1, 61.6	`hsl(165.8,56.1%,61.6%)`
HSV (or HSB)	165.8°, 51.9, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.142, -37.822, 3.253
XYZ	37.883, 53.454, 54.773
xyY	0.259, 0.366, 53.454
CIE-LCH	78.142, 37.962, 175.084
CIE-LUV	78.142, -47.657, 10.999
Hunter-Lab	73.112, -35.457, 6.761
Binary	01100110, 11010100, 10111010

#66d4ba
```
#66d4ba rgb(102,212,186)
```
#d46680
```
#d46680 rgb(212,102,128)
```

Complementary Color

#66d483
```
#66d483 rgb(102,212,131)
```
#66d4ba
```
#66d4ba rgb(102,212,186)
```
#66b7d4
```
#66b7d4 rgb(102,183,212)
```

Analogous Color

#d48366
```
#d48366 rgb(212,131,102)
```
#66d4ba
```
#66d4ba rgb(102,212,186)
```
#d466b7
```
#d466b7 rgb(212,102,183)
```

Split Complementary Color

#d4ba66
```
#d4ba66 rgb(212,186,102)
```
#66d4ba
```
#66d4ba rgb(102,212,186)
```
#ba66d4
```
#ba66d4 rgb(186,102,212)
```

Triadic Color

#80d466
```
#80d466 rgb(128,212,102)
```
#66d4ba
```
#66d4ba rgb(102,212,186)
```
#ba66d4
```
#ba66d4 rgb(186,102,212)
```
#d46680
```
#d46680 rgb(212,102,128)
```

Tetradic Color

#34b99a
```
#34b99a rgb(52,185,154)
```
#3ec9a8
```
#3ec9a8 rgb(62,201,168)
```
#52ceb1
```
#52ceb1 rgb(82,206,177)
```
#66d4ba
```
#66d4ba rgb(102,212,186)
```
#7adac3
```
#7adac3 rgb(122,218,195)
```
#8edfcc
```
#8edfcc rgb(142,223,204)
```
#a2e5d5
```
#a2e5d5 rgb(162,229,213)
```

Monochromatic Color

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

#66d49f
```
#66d49f rgb(102,212,159)
```
#66d4a8
```
#66d4a8 rgb(102,212,168)
```
#66d4b1
```
#66d4b1 rgb(102,212,177)
```
#66d4ba
```
#66d4ba rgb(102,212,186)
```
#66d4c3
```
#66d4c3 rgb(102,212,195)
```
#66d4cc
```
#66d4cc rgb(102,212,204)
```
#66d3d4
```
#66d3d4 rgb(102,211,212)
```

Similar Colors

Text with hexadecimal color #66d4ba

This text has a font color of #66d4ba.

<span style="color:#66d4ba;">Text here</span>

#66d4ba background color

This paragraph has a background color of #66d4ba.

<p style="background-color:#66d4ba;">Content here</p>

#66d4ba border color

This element has a border color of #66d4ba.

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

CSS codes

.text {color:#66d4ba;}

.background {background-color:#66d4ba;}

.border {border:1px solid #66d4ba;}

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

#000000
```
#000000 rgb(0,0,0)
```
#040f0d
```
#040f0d rgb(4,15,13)
```
#091f1a
```
#091f1a rgb(9,31,26)
```
#0d2e26
```
#0d2e26 rgb(13,46,38)
```
#113d33
```
#113d33 rgb(17,61,51)
```
#164d40
```
#164d40 rgb(22,77,64)
```
#1a5c4c
```
#1a5c4c rgb(26,92,76)
```
#1e6b59
```
#1e6b59 rgb(30,107,89)
```
#227b66
```
#227b66 rgb(34,123,102)
```
#278a72
```
#278a72 rgb(39,138,114)
```
#2b997f
```
#2b997f rgb(43,153,127)
```
#2fa98c
```
#2fa98c rgb(47,169,140)
```
#34b899
```
#34b899 rgb(52,184,153)
```

Shade Color Variation

#38c7a5
```
#38c7a5 rgb(56,199,165)
```
#47cbac
```
#47cbac rgb(71,203,172)
```
#57d0b3
```
#57d0b3 rgb(87,208,179)
```
#66d4ba
```
#66d4ba rgb(102,212,186)
```
#75d8c1
```
#75d8c1 rgb(117,216,193)
```
#85ddc8
```
#85ddc8 rgb(133,221,200)
```
#94e1cf
```
#94e1cf rgb(148,225,207)
```
#a3e5d6
```
#a3e5d6 rgb(163,229,214)
```
#b3eadd
```
#b3eadd rgb(179,234,221)
```
#c2eee3
```
#c2eee3 rgb(194,238,227)
```
#d1f2ea
```
#d1f2ea rgb(209,242,234)
```
#e0f6f1
```
#e0f6f1 rgb(224,246,241)
```
#f0fbf8
```
#f0fbf8 rgb(240,251,248)
```

Tint Color Variation

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

#9b9f9e
```
#9b9f9e rgb(155,159,158)
```
#93a7a2
```
#93a7a2 rgb(147,167,162)
```
#8caea6
```
#8caea6 rgb(140,174,166)
```
#84b6aa
```
#84b6aa rgb(132,182,170)
```
#7dbdae
```
#7dbdae rgb(125,189,174)
```
#75c5b2
```
#75c5b2 rgb(117,197,178)
```
#6eccb6
```
#6eccb6 rgb(110,204,182)
```
#66d4ba
```
#66d4ba rgb(102,212,186)
```
#5edcbe
```
#5edcbe rgb(94,220,190)
```
#57e3c2
```
#57e3c2 rgb(87,227,194)
```
#4febc6
```
#4febc6 rgb(79,235,198)
```
#48f2ca
```
#48f2ca rgb(72,242,202)
```
#40face
```
#40face rgb(64,250,206)
```

Tone Color Variation

Below, you can see how #66d4ba 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

#b0b0b0 Achromatopsia 0.005% of the population
#a1b7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc3b4 Protanopia 1% of men
#d5bec5 Deuteranopia 1% of men
#7bd1e0 Tritanopia 0.001% of the population

Trichromacy

#a6c9b6 Protanomaly 1% of men, 0.01% of women
#adc6c1 Deuteranomaly 6% of men, 0.4% of women
#73d2d2 Tritanomaly 0.01% of the population