#2fbbd2 hex color

In a RGB color space, hex #2fbbd2 is composed of 18.4% red, 73.3% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 11% magenta, 0% yellow and 17.6% black. It has a hue angle of 188.5 degrees, a saturation of 64.4% and a lightness of 50.4%. #2fbbd2 color hex could be obtained by blending #5effff with #0077a5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 73
- B 82
RGB color chart
- C 78
- M 11
- Y 0
- K 18
CMYK color chart

● #2fbbd2 color description : Strong cyan.

The hexadecimal color #2fbbd2 has RGB values of R:47, G:187, B:210 and CMYK values of C:0.78, M:0.11, Y:0, K:0.18. Its decimal value is 3128274.

Hex triplet	2fbbd2	`#2fbbd2`
RGB Decimal	47, 187, 210	`rgb(47,187,210)`
RGB Percent	18.4, 73.3, 82.4	`rgb(18.4%,73.3%,82.4%)`
CMYK	78, 11, 0, 18
HSL	188.5°, 64.4, 50.4	`hsl(188.5,64.4%,50.4%)`
HSV (or HSB)	188.5°, 77.6, 82.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.032, -28.246, -21.977
XYZ	30.572, 40.795, 67.232
xyY	0.221, 0.294, 40.795
CIE-LCH	70.032, 35.788, 217.885
CIE-LUV	70.032, -48.236, -30.424
Hunter-Lab	63.871, -26.335, -17.7
Binary	00101111, 10111011, 11010010

#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#d2462f
```
#d2462f rgb(210,70,47)
```

Complementary Color

#2fd298
```
#2fd298 rgb(47,210,152)
```
#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#2f6ad2
```
#2f6ad2 rgb(47,106,210)
```

Analogous Color

#d2982f
```
#d2982f rgb(210,152,47)
```
#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#d22f6a
```
#d22f6a rgb(210,47,106)
```

Split Complementary Color

#bbd22f
```
#bbd22f rgb(187,210,47)
```
#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#d22fbb
```
#d22fbb rgb(210,47,187)
```

Triadic Color

#2fd246
```
#2fd246 rgb(47,210,70)
```
#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#d22fbb
```
#d22fbb rgb(210,47,187)
```
#d2462f
```
#d2462f rgb(210,70,47)
```

Tetradic Color

#208494
```
#208494 rgb(32,132,148)
```
#2597a9
```
#2597a9 rgb(37,151,169)
```
#29a9be
```
#29a9be rgb(41,169,190)
```
#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#44c2d7
```
#44c2d7 rgb(68,194,215)
```
#59c9db
```
#59c9db rgb(89,201,219)
```
#6ed0e0
```
#6ed0e0 rgb(110,208,224)
```

Monochromatic Color

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

#2fd2c0
```
#2fd2c0 rgb(47,210,192)
```
#2fd2ce
```
#2fd2ce rgb(47,210,206)
```
#2fc9d2
```
#2fc9d2 rgb(47,201,210)
```
#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#2fadd2
```
#2fadd2 rgb(47,173,210)
```
#2fa0d2
```
#2fa0d2 rgb(47,160,210)
```
#2f92d2
```
#2f92d2 rgb(47,146,210)
```

Similar Colors

Text with hexadecimal color #2fbbd2

This text has a font color of #2fbbd2.

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

#2fbbd2 background color

This paragraph has a background color of #2fbbd2.

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

#2fbbd2 border color

This element has a border color of #2fbbd2.

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

CSS codes

.text {color:#2fbbd2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#041012
```
#041012 rgb(4,16,18)
```
#071e22
```
#071e22 rgb(7,30,34)
```
#0b2c32
```
#0b2c32 rgb(11,44,50)
```
#0e3b42
```
#0e3b42 rgb(14,59,66)
```
#124952
```
#124952 rgb(18,73,82)
```
#155862
```
#155862 rgb(21,88,98)
```
#196673
```
#196673 rgb(25,102,115)
```
#1c7483
```
#1c7483 rgb(28,116,131)
```
#208393
```
#208393 rgb(32,131,147)
```
#2391a3
```
#2391a3 rgb(35,145,163)
```
#279fb3
```
#279fb3 rgb(39,159,179)
```
#2aaec3
```
#2aaec3 rgb(42,174,195)
```

Shade Color Variation

#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#3fc0d5
```
#3fc0d5 rgb(63,192,213)
```
#4fc6d9
```
#4fc6d9 rgb(79,198,217)
```
#5fcbdc
```
#5fcbdc rgb(95,203,220)
```
#70d0e0
```
#70d0e0 rgb(112,208,224)
```
#80d5e3
```
#80d5e3 rgb(128,213,227)
```
#90dbe7
```
#90dbe7 rgb(144,219,231)
```
#a0e0ea
```
#a0e0ea rgb(160,224,234)
```
#b0e5ee
```
#b0e5ee rgb(176,229,238)
```
#c0eaf1
```
#c0eaf1 rgb(192,234,241)
```
#d0f0f5
```
#d0f0f5 rgb(208,240,245)
```
#e0f5f8
```
#e0f5f8 rgb(224,245,248)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8384 is the less saturated color, while #08d7f9 is the most saturated one.

#7d8384
```
#7d8384 rgb(125,131,132)
```
#738a8e
```
#738a8e rgb(115,138,142)
```
#699198
```
#699198 rgb(105,145,152)
```
#6098a1
```
#6098a1 rgb(96,152,161)
```
#569fab
```
#569fab rgb(86,159,171)
```
#4ca6b5
```
#4ca6b5 rgb(76,166,181)
```
#42adbf
```
#42adbf rgb(66,173,191)
```
#39b4c8
```
#39b4c8 rgb(57,180,200)
```
#2fbbd2
```
#2fbbd2 rgb(47,187,210)
```
#25c2dc
```
#25c2dc rgb(37,194,220)
```
#1cc9e5
```
#1cc9e5 rgb(28,201,229)
```
#12d0ef
```
#12d0ef rgb(18,208,239)
```
#08d7f9
```
#08d7f9 rgb(8,215,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809ca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9aeca Protanopia 1% of men
#a7acdb Deuteranopia 1% of men
#32bfcd Tritanopia 0.001% of the population

Trichromacy

#7db2cd Protanomaly 1% of men, 0.01% of women
#7bb1d7 Deuteranomaly 6% of men, 0.4% of women
#30bdcf Tritanomaly 0.01% of the population

#2fbbd2 hex color

#2fbbd2 Color Information

#2fbbd2 Color Conversion

Color Schemes with #2fbbd2

Alternatives to #2fbbd2

#2fbbd2 Preview

Shades and Tints of #2fbbd2

Tones of #2fbbd2

Color Blindness Simulator