#2fbddd hex color

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

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

● #2fbddd color description : Bright cyan.

The hexadecimal color #2fbddd has RGB values of R:47, G:189, B:221 and CMYK values of C:0.79, M:0.14, Y:0, K:0.13. Its decimal value is 3128797.

Hex triplet	2fbddd	`#2fbddd`
RGB Decimal	47, 189, 221	`rgb(47,189,221)`
RGB Percent	18.4, 74.1, 86.7	`rgb(18.4%,74.1%,86.7%)`
CMYK	79, 14, 0, 13
HSL	191°, 71.9, 52.5	`hsl(191,71.9%,52.5%)`
HSV (or HSB)	191°, 78.7, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.02, -25.746, -26.471
XYZ	32.417, 42.217, 74.843
xyY	0.217, 0.282, 42.217
CIE-LCH	71.02, 36.927, 225.796
CIE-LUV	71.02, -48.172, -38.333
Hunter-Lab	64.975, -24.647, -22.813
Binary	00101111, 10111101, 11011101

#2fbddd
```
#2fbddd rgb(47,189,221)
```
#dd4f2f
```
#dd4f2f rgb(221,79,47)
```

Complementary Color

#2fdda6
```
#2fdda6 rgb(47,221,166)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```
#2f66dd
```
#2f66dd rgb(47,102,221)
```

Analogous Color

#dda62f
```
#dda62f rgb(221,166,47)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```
#dd2f66
```
#dd2f66 rgb(221,47,102)
```

Split Complementary Color

#bddd2f
```
#bddd2f rgb(189,221,47)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```
#dd2fbd
```
#dd2fbd rgb(221,47,189)
```

Triadic Color

#2fdd4f
```
#2fdd4f rgb(47,221,79)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```
#dd2fbd
```
#dd2fbd rgb(221,47,189)
```
#dd4f2f
```
#dd4f2f rgb(221,79,47)
```

Tetradic Color

#1b8ba5
```
#1b8ba5 rgb(27,139,165)
```
#1e9ebb
```
#1e9ebb rgb(30,158,187)
```
#22b0d0
```
#22b0d0 rgb(34,176,208)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```
#45c4e1
```
#45c4e1 rgb(69,196,225)
```
#5bcbe4
```
#5bcbe4 rgb(91,203,228)
```
#71d2e8
```
#71d2e8 rgb(113,210,232)
```

Monochromatic Color

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

#2fddd2
```
#2fddd2 rgb(47,221,210)
```
#2fdadd
```
#2fdadd rgb(47,218,221)
```
#2fccdd
```
#2fccdd rgb(47,204,221)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```
#2fafdd
```
#2fafdd rgb(47,175,221)
```
#2fa0dd
```
#2fa0dd rgb(47,160,221)
```
#2f92dd
```
#2f92dd rgb(47,146,221)
```

Similar Colors

Text with hexadecimal color #2fbddd

This text has a font color of #2fbddd.

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

#2fbddd background color

This paragraph has a background color of #2fbddd.

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

#2fbddd border color

This element has a border color of #2fbddd.

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

CSS codes

.text {color:#2fbddd;}

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

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

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)
```
#0d434f
```
#0d434f rgb(13,67,79)
```
#10515f
```
#10515f rgb(16,81,95)
```
#125f70
```
#125f70 rgb(18,95,112)
```
#156d81
```
#156d81 rgb(21,109,129)
```
#187c92
```
#187c92 rgb(24,124,146)
```
#1b8aa3
```
#1b8aa3 rgb(27,138,163)
```
#1d98b4
```
#1d98b4 rgb(29,152,180)
```
#20a6c5
```
#20a6c5 rgb(32,166,197)
```
#23b5d5
```
#23b5d5 rgb(35,181,213)
```

Shade Color Variation

#2fbddd
```
#2fbddd rgb(47,189,221)
```
#40c2e0
```
#40c2e0 rgb(64,194,224)
```
#51c8e3
```
#51c8e3 rgb(81,200,227)
```
#62cde5
```
#62cde5 rgb(98,205,229)
```
#72d2e8
```
#72d2e8 rgb(114,210,232)
```
#83d8eb
```
#83d8eb rgb(131,216,235)
```
#94ddee
```
#94ddee rgb(148,221,238)
```
#a5e2f0
```
#a5e2f0 rgb(165,226,240)
```
#b6e8f3
```
#b6e8f3 rgb(182,232,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 #13cff9 is the most saturated one.

#838889
```
#838889 rgb(131,136,137)
```
#798e93
```
#798e93 rgb(121,142,147)
```
#70949c
```
#70949c rgb(112,148,156)
```
#679aa5
```
#679aa5 rgb(103,154,165)
```
#5ea0ae
```
#5ea0ae rgb(94,160,174)
```
#54a5b8
```
#54a5b8 rgb(84,165,184)
```
#4babc1
```
#4babc1 rgb(75,171,193)
```
#42b1ca
```
#42b1ca rgb(66,177,202)
```
#38b7d4
```
#38b7d4 rgb(56,183,212)
```
#2fbddd
```
#2fbddd rgb(47,189,221)
```
#26c3e6
```
#26c3e6 rgb(38,195,230)
```
#1cc9f0
```
#1cc9f0 rgb(28,201,240)
```
#13cff9
```
#13cff9 rgb(19,207,249)
```

Tone Color Variation

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

#a9b0d4 Protanopia 1% of men
#a4afe5 Deuteranopia 1% of men
#26c2d1 Tritanopia 0.001% of the population

Trichromacy

#7cb5d7 Protanomaly 1% of men, 0.01% of women
#79b4e2 Deuteranomaly 6% of men, 0.4% of women
#29c0d5 Tritanomaly 0.01% of the population

#2fbddd hex color

#2fbddd Color Information

#2fbddd Color Conversion

Color Schemes with #2fbddd

Alternatives to #2fbddd

#2fbddd Preview

Shades and Tints of #2fbddd

Tones of #2fbddd

Color Blindness Simulator