#61d4dc hex color

In a RGB color space, hex #61d4dc is composed of 38% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 183.9 degrees, a saturation of 63.7% and a lightness of 62.2%. #61d4dc color hex could be obtained by blending #c2ffff with #00a9b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 83
- B 86
RGB color chart
- C 56
- M 4
- Y 0
- K 14
CMYK color chart

● #61d4dc color description : Soft cyan.

The hexadecimal color #61d4dc has RGB values of R:97, G:212, B:220 and CMYK values of C:0.56, M:0.04, Y:0, K:0.14. Its decimal value is 6411484.

Hex triplet	61d4dc	`#61d4dc`
RGB Decimal	97, 212, 220	`rgb(97,212,220)`
RGB Percent	38, 83.1, 86.3	`rgb(38%,83.1%,86.3%)`
CMYK	56, 4, 0, 14
HSL	183.9°, 63.7, 62.2	`hsl(183.9,63.7%,62.2%)`
HSV (or HSB)	183.9°, 55.9, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.922, -30.166, -13.832
XYZ	41.388, 54.793, 76.101
xyY	0.24, 0.318, 54.793
CIE-LCH	78.922, 33.186, 204.633
CIE-LUV	78.922, -47.377, -17.006
Hunter-Lab	74.022, -29.734, -9.14
Binary	01100001, 11010100, 11011100

#61d4dc
```
#61d4dc rgb(97,212,220)
```
#dc6961
```
#dc6961 rgb(220,105,97)
```

Complementary Color

#61dca7
```
#61dca7 rgb(97,220,167)
```
#61d4dc
```
#61d4dc rgb(97,212,220)
```
#6197dc
```
#6197dc rgb(97,151,220)
```

Analogous Color

#dca761
```
#dca761 rgb(220,167,97)
```
#61d4dc
```
#61d4dc rgb(97,212,220)
```
#dc6197
```
#dc6197 rgb(220,97,151)
```

Split Complementary Color

#d4dc61
```
#d4dc61 rgb(212,220,97)
```
#61d4dc
```
#61d4dc rgb(97,212,220)
```
#dc61d4
```
#dc61d4 rgb(220,97,212)
```

Triadic Color

#61dc69
```
#61dc69 rgb(97,220,105)
```
#61d4dc
```
#61d4dc rgb(97,212,220)
```
#dc61d4
```
#dc61d4 rgb(220,97,212)
```
#dc6961
```
#dc6961 rgb(220,105,97)
```

Tetradic Color

#2cbbc5
```
#2cbbc5 rgb(44,187,197)
```
#37c9d3
```
#37c9d3 rgb(55,201,211)
```
#4cced7
```
#4cced7 rgb(76,206,215)
```
#61d4dc
```
#61d4dc rgb(97,212,220)
```
#76dae1
```
#76dae1 rgb(118,218,225)
```
#8bdfe5
```
#8bdfe5 rgb(139,223,229)
```
#a0e5ea
```
#a0e5ea rgb(160,229,234)
```

Monochromatic Color

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

#61dcc5
```
#61dcc5 rgb(97,220,197)
```
#61dcd0
```
#61dcd0 rgb(97,220,208)
```
#61dcda
```
#61dcda rgb(97,220,218)
```
#61d4dc
```
#61d4dc rgb(97,212,220)
```
#61cadc
```
#61cadc rgb(97,202,220)
```
#61c0dc
```
#61c0dc rgb(97,192,220)
```
#61b5dc
```
#61b5dc rgb(97,181,220)
```

Similar Colors

Text with hexadecimal color #61d4dc

This text has a font color of #61d4dc.

<span style="color:#61d4dc;">Text here</span>

#61d4dc background color

This paragraph has a background color of #61d4dc.

<p style="background-color:#61d4dc;">Content here</p>

#61d4dc border color

This element has a border color of #61d4dc.

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

CSS codes

.text {color:#61d4dc;}

.background {background-color:#61d4dc;}

.border {border:1px solid #61d4dc;}

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

#010203
```
#010203 rgb(1,2,3)
```
#041213
```
#041213 rgb(4,18,19)
```
#082123
```
#082123 rgb(8,33,35)
```
#0b3033
```
#0b3033 rgb(11,48,51)
```
#0f3f43
```
#0f3f43 rgb(15,63,67)
```
#124f53
```
#124f53 rgb(18,79,83)
```
#165e63
```
#165e63 rgb(22,94,99)
```
#196d73
```
#196d73 rgb(25,109,115)
```
#1d7c83
```
#1d7c83 rgb(29,124,131)
```
#218c93
```
#218c93 rgb(33,140,147)
```
#249ba3
```
#249ba3 rgb(36,155,163)
```
#28aab3
```
#28aab3 rgb(40,170,179)
```
#2bb9c3
```
#2bb9c3 rgb(43,185,195)
```

Shade Color Variation

#31c7d1
```
#31c7d1 rgb(49,199,209)
```
#41cbd5
```
#41cbd5 rgb(65,203,213)
```
#51d0d8
```
#51d0d8 rgb(81,208,216)
```
#61d4dc
```
#61d4dc rgb(97,212,220)
```
#71d8e0
```
#71d8e0 rgb(113,216,224)
```
#81dde3
```
#81dde3 rgb(129,221,227)
```
#91e1e7
```
#91e1e7 rgb(145,225,231)
```
#a1e5ea
```
#a1e5ea rgb(161,229,234)
```
#b1eaee
```
#b1eaee rgb(177,234,238)
```
#c1eef1
```
#c1eef1 rgb(193,238,241)
```
#d1f3f5
```
#d1f3f5 rgb(209,243,245)
```
#e1f7f8
```
#e1f7f8 rgb(225,247,248)
```
#f2fbfc
```
#f2fbfc rgb(242,251,252)
```

Tint Color Variation

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

#9ca0a1
```
#9ca0a1 rgb(156,160,161)
```
#95a7a8
```
#95a7a8 rgb(149,167,168)
```
#8eadaf
```
#8eadaf rgb(142,173,175)
```
#86b4b7
```
#86b4b7 rgb(134,180,183)
```
#7fbabe
```
#7fbabe rgb(127,186,190)
```
#77c1c6
```
#77c1c6 rgb(119,193,198)
```
#70c7cd
```
#70c7cd rgb(112,199,205)
```
#68ced5
```
#68ced5 rgb(104,206,213)
```
#61d4dc
```
#61d4dc rgb(97,212,220)
```
#5adae3
```
#5adae3 rgb(90,218,227)
```
#52e1eb
```
#52e1eb rgb(82,225,235)
```
#4be7f2
```
#4be7f2 rgb(75,231,242)
```
#43eefa
```
#43eefa rgb(67,238,250)
```

Tone Color Variation

Below, you can see how #61d4dc 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

#b3b3b3 Achromatopsia 0.005% of the population
#a3babb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c5d4 Protanopia 1% of men
#c9c2e5 Deuteranopia 1% of men
#6cd5e4 Tritanopia 0.001% of the population

Trichromacy

#a1cad6 Protanomaly 1% of men, 0.01% of women
#a3c8e1 Deuteranomaly 6% of men, 0.4% of women
#68d4e1 Tritanomaly 0.01% of the population

#61d4dc hex color

#61d4dc Color Information

#61d4dc Color Conversion

Color Schemes with #61d4dc

Alternatives to #61d4dc

#61d4dc Preview

Shades and Tints of #61d4dc

Tones of #61d4dc

Color Blindness Simulator