#2fbcdd hex color

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

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

● #2fbcdd color description : Bright cyan.

The hexadecimal color #2fbcdd has RGB values of R:47, G:188, B:221 and CMYK values of C:0.79, M:0.15, Y:0, K:0.13. Its decimal value is 3128541.

Hex triplet	2fbcdd	`#2fbcdd`
RGB Decimal	47, 188, 221	`rgb(47,188,221)`
RGB Percent	18.4, 73.7, 86.7	`rgb(18.4%,73.7%,86.7%)`
CMYK	79, 15, 0, 13
HSL	191.4°, 71.9, 52.5	`hsl(191.4,71.9%,52.5%)`
HSV (or HSB)	191.4°, 78.7, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.725, -25.244, -26.925
XYZ	32.203, 41.788, 74.771
xyY	0.216, 0.281, 41.788
CIE-LCH	70.725, 36.908, 226.846
CIE-LUV	70.725, -47.824, -39.142
Hunter-Lab	64.644, -24.205, -23.328
Binary	00101111, 10111100, 11011101

#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#dd502f
```
#dd502f rgb(221,80,47)
```

Complementary Color

#2fdda7
```
#2fdda7 rgb(47,221,167)
```
#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#2f65dd
```
#2f65dd rgb(47,101,221)
```

Analogous Color

#dda72f
```
#dda72f rgb(221,167,47)
```
#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#dd2f65
```
#dd2f65 rgb(221,47,101)
```

Split Complementary Color

#bcdd2f
```
#bcdd2f rgb(188,221,47)
```
#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#dd2fbc
```
#dd2fbc rgb(221,47,188)
```

Triadic Color

#2fdd50
```
#2fdd50 rgb(47,221,80)
```
#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#dd2fbc
```
#dd2fbc rgb(221,47,188)
```
#dd502f
```
#dd502f rgb(221,80,47)
```

Tetradic Color

#1b8aa5
```
#1b8aa5 rgb(27,138,165)
```
#1e9dbb
```
#1e9dbb rgb(30,157,187)
```
#22afd0
```
#22afd0 rgb(34,175,208)
```
#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#45c3e1
```
#45c3e1 rgb(69,195,225)
```
#5bcae4
```
#5bcae4 rgb(91,202,228)
```
#71d1e8
```
#71d1e8 rgb(113,209,232)
```

Monochromatic Color

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

#2fddd3
```
#2fddd3 rgb(47,221,211)
```
#2fd9dd
```
#2fd9dd rgb(47,217,221)
```
#2fcbdd
```
#2fcbdd rgb(47,203,221)
```
#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#2faedd
```
#2faedd rgb(47,174,221)
```
#2f9fdd
```
#2f9fdd rgb(47,159,221)
```
#2f91dd
```
#2f91dd rgb(47,145,221)
```

Similar Colors

Text with hexadecimal color #2fbcdd

This text has a font color of #2fbcdd.

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

#2fbcdd background color

This paragraph has a background color of #2fbcdd.

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

#2fbcdd border color

This element has a border color of #2fbcdd.

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

CSS codes

.text {color:#2fbcdd;}

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

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

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

#02090b
```
#02090b rgb(2,9,11)
```
#05181c
```
#05181c rgb(5,24,28)
```
#07262d
```
#07262d rgb(7,38,45)
```
#0a343e
```
#0a343e rgb(10,52,62)
```
#0d424f
```
#0d424f rgb(13,66,79)
```
#10505f
```
#10505f rgb(16,80,95)
```
#125f70
```
#125f70 rgb(18,95,112)
```
#156d81
```
#156d81 rgb(21,109,129)
```
#187b92
```
#187b92 rgb(24,123,146)
```
#1b89a3
```
#1b89a3 rgb(27,137,163)
```
#1d97b4
```
#1d97b4 rgb(29,151,180)
```
#20a5c5
```
#20a5c5 rgb(32,165,197)
```
#23b4d5
```
#23b4d5 rgb(35,180,213)
```

Shade Color Variation

#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#40c1e0
```
#40c1e0 rgb(64,193,224)
```
#51c7e3
```
#51c7e3 rgb(81,199,227)
```
#62cce5
```
#62cce5 rgb(98,204,229)
```
#72d2e8
```
#72d2e8 rgb(114,210,232)
```
#83d7eb
```
#83d7eb rgb(131,215,235)
```
#94ddee
```
#94ddee rgb(148,221,238)
```
#a5e2f0
```
#a5e2f0 rgb(165,226,240)
```
#b6e7f3
```
#b6e7f3 rgb(182,231,243)
```
#c7edf6
```
#c7edf6 rgb(199,237,246)
```
#d8f2f9
```
#d8f2f9 rgb(216,242,249)
```
#e8f8fb
```
#e8f8fb rgb(232,248,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 #13cdf9 is the most saturated one.

#838889
```
#838889 rgb(131,136,137)
```
#798e93
```
#798e93 rgb(121,142,147)
```
#70949c
```
#70949c rgb(112,148,156)
```
#6799a5
```
#6799a5 rgb(103,153,165)
```
#5e9fae
```
#5e9fae rgb(94,159,174)
```
#54a5b8
```
#54a5b8 rgb(84,165,184)
```
#4babc1
```
#4babc1 rgb(75,171,193)
```
#42b0ca
```
#42b0ca rgb(66,176,202)
```
#38b6d4
```
#38b6d4 rgb(56,182,212)
```
#2fbcdd
```
#2fbcdd rgb(47,188,221)
```
#26c2e6
```
#26c2e6 rgb(38,194,230)
```
#1cc8f0
```
#1cc8f0 rgb(28,200,240)
```
#13cdf9
```
#13cdf9 rgb(19,205,249)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#819ea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8afd4 Protanopia 1% of men
#a3aee5 Deuteranopia 1% of men
#24c2d0 Tritanopia 0.001% of the population

Trichromacy

#7cb4d7 Protanomaly 1% of men, 0.01% of women
#79b3e2 Deuteranomaly 6% of men, 0.4% of women
#28bfd4 Tritanomaly 0.01% of the population

#2fbcdd hex color

#2fbcdd Color Information

#2fbcdd Color Conversion

Color Schemes with #2fbcdd

Alternatives to #2fbcdd

#2fbcdd Preview

Shades and Tints of #2fbcdd

Tones of #2fbcdd

Color Blindness Simulator