#2fc5dd hex color

In a RGB color space, hex #2fc5dd is composed of 18.4% red, 77.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 10.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 188.3 degrees, a saturation of 71.9% and a lightness of 52.5%. #2fc5dd color hex could be obtained by blending #5effff with #008bbb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 77
- B 87
RGB color chart
- C 79
- M 11
- Y 0
- K 13
CMYK color chart

● #2fc5dd color description : Bright cyan.

The hexadecimal color #2fc5dd has RGB values of R:47, G:197, B:221 and CMYK values of C:0.79, M:0.11, Y:0, K:0.13. Its decimal value is 3130845.

Hex triplet	2fc5dd	`#2fc5dd`
RGB Decimal	47, 197, 221	`rgb(47,197,221)`
RGB Percent	18.4, 77.3, 86.7	`rgb(18.4%,77.3%,86.7%)`
CMYK	79, 11, 0, 13
HSL	188.3°, 71.9, 52.5	`hsl(188.3,71.9%,52.5%)`
HSV (or HSB)	188.3°, 78.7, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.386, -29.701, -22.855
XYZ	34.186, 45.754, 75.432
xyY	0.22, 0.294, 45.754
CIE-LCH	73.386, 37.477, 217.579
CIE-LUV	73.386, -50.955, -31.873
Hunter-Lab	67.642, -28.16, -18.769
Binary	00101111, 11000101, 11011101

#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#dd472f
```
#dd472f rgb(221,71,47)
```

Complementary Color

#2fdd9e
```
#2fdd9e rgb(47,221,158)
```
#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#2f6edd
```
#2f6edd rgb(47,110,221)
```

Analogous Color

#dd9e2f
```
#dd9e2f rgb(221,158,47)
```
#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#dd2f6e
```
#dd2f6e rgb(221,47,110)
```

Split Complementary Color

#c5dd2f
```
#c5dd2f rgb(197,221,47)
```
#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#dd2fc5
```
#dd2fc5 rgb(221,47,197)
```

Triadic Color

#2fdd47
```
#2fdd47 rgb(47,221,71)
```
#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#dd2fc5
```
#dd2fc5 rgb(221,47,197)
```
#dd472f
```
#dd472f rgb(221,71,47)
```

Tetradic Color

#1b92a5
```
#1b92a5 rgb(27,146,165)
```
#1ea5bb
```
#1ea5bb rgb(30,165,187)
```
#22b8d0
```
#22b8d0 rgb(34,184,208)
```
#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#45cbe1
```
#45cbe1 rgb(69,203,225)
```
#5bd1e4
```
#5bd1e4 rgb(91,209,228)
```
#71d7e8
```
#71d7e8 rgb(113,215,232)
```

Monochromatic Color

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

#2fddca
```
#2fddca rgb(47,221,202)
```
#2fddd8
```
#2fddd8 rgb(47,221,216)
```
#2fd4dd
```
#2fd4dd rgb(47,212,221)
```
#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#2fb7dd
```
#2fb7dd rgb(47,183,221)
```
#2fa8dd
```
#2fa8dd rgb(47,168,221)
```
#2f9add
```
#2f9add rgb(47,154,221)
```

Similar Colors

Text with hexadecimal color #2fc5dd

This text has a font color of #2fc5dd.

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

#2fc5dd background color

This paragraph has a background color of #2fc5dd.

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

#2fc5dd border color

This element has a border color of #2fc5dd.

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

CSS codes

.text {color:#2fc5dd;}

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

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

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, #020a0b is the darkest color, while #f9fdfe is the lightest one.

#020a0b
```
#020a0b rgb(2,10,11)
```
#05191c
```
#05191c rgb(5,25,28)
```
#07282d
```
#07282d rgb(7,40,45)
```
#0a373e
```
#0a373e rgb(10,55,62)
```
#0d464f
```
#0d464f rgb(13,70,79)
```
#10545f
```
#10545f rgb(16,84,95)
```
#126370
```
#126370 rgb(18,99,112)
```
#157281
```
#157281 rgb(21,114,129)
```
#188192
```
#188192 rgb(24,129,146)
```
#1b90a3
```
#1b90a3 rgb(27,144,163)
```
#1d9fb4
```
#1d9fb4 rgb(29,159,180)
```
#20aec5
```
#20aec5 rgb(32,174,197)
```
#23bdd5
```
#23bdd5 rgb(35,189,213)
```

Shade Color Variation

#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#40cae0
```
#40cae0 rgb(64,202,224)
```
#51cee3
```
#51cee3 rgb(81,206,227)
```
#62d3e5
```
#62d3e5 rgb(98,211,229)
```
#72d8e8
```
#72d8e8 rgb(114,216,232)
```
#83ddeb
```
#83ddeb rgb(131,221,235)
```
#94e1ee
```
#94e1ee rgb(148,225,238)
```
#a5e6f0
```
#a5e6f0 rgb(165,230,240)
```
#b6ebf3
```
#b6ebf3 rgb(182,235,243)
```
#c7eff6
```
#c7eff6 rgb(199,239,246)
```
#d8f4f9
```
#d8f4f9 rgb(216,244,249)
```
#e8f9fb
```
#e8f9fb rgb(232,249,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838889 is the less saturated color, while #13d9f9 is the most saturated one.

#838889
```
#838889 rgb(131,136,137)
```
#798f93
```
#798f93 rgb(121,143,147)
```
#70969c
```
#70969c rgb(112,150,156)
```
#679da5
```
#679da5 rgb(103,157,165)
```
#5ea3ae
```
#5ea3ae rgb(94,163,174)
```
#54aab8
```
#54aab8 rgb(84,170,184)
```
#4bb1c1
```
#4bb1c1 rgb(75,177,193)
```
#42b8ca
```
#42b8ca rgb(66,184,202)
```
#38bed4
```
#38bed4 rgb(56,190,212)
```
#2fc5dd
```
#2fc5dd rgb(47,197,221)
```
#26cce6
```
#26cce6 rgb(38,204,230)
```
#1cd2f0
```
#1cd2f0 rgb(28,210,240)
```
#13d9f9
```
#13d9f9 rgb(19,217,249)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#85a3a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b6d4 Protanopia 1% of men
#afb5e6 Deuteranopia 1% of men
#31c9d7 Tritanopia 0.001% of the population

Trichromacy

#82bbd7 Protanomaly 1% of men, 0.01% of women
#80bae2 Deuteranomaly 6% of men, 0.4% of women
#30c7d9 Tritanomaly 0.01% of the population

#2fc5dd hex color

#2fc5dd Color Information

#2fc5dd Color Conversion

Color Schemes with #2fc5dd

Alternatives to #2fc5dd

#2fc5dd Preview

Shades and Tints of #2fc5dd

Tones of #2fc5dd

Color Blindness Simulator