#2fb5dd hex color

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

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

● #2fb5dd color description : Bright cyan.

The hexadecimal color #2fb5dd has RGB values of R:47, G:181, B:221 and CMYK values of C:0.79, M:0.18, Y:0, K:0.13. Its decimal value is 3126749.

Hex triplet	2fb5dd	`#2fb5dd`
RGB Decimal	47, 181, 221	`rgb(47,181,221)`
RGB Percent	18.4, 71, 86.7	`rgb(18.4%,71%,86.7%)`
CMYK	79, 18, 0, 13
HSL	193.8°, 71.9, 52.5	`hsl(193.8,71.9%,52.5%)`
HSV (or HSB)	193.8°, 78.7, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.657, -21.677, -30.107
XYZ	30.744, 38.87, 74.285
xyY	0.214, 0.27, 38.87
CIE-LCH	68.657, 37.098, 234.246
CIE-LUV	68.657, -45.389, -44.81
Hunter-Lab	62.346, -21.083, -27.002
Binary	00101111, 10110101, 11011101

#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#dd572f
```
#dd572f rgb(221,87,47)
```

Complementary Color

#2fddae
```
#2fddae rgb(47,221,174)
```
#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#2f5edd
```
#2f5edd rgb(47,94,221)
```

Analogous Color

#ddae2f
```
#ddae2f rgb(221,174,47)
```
#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#dd2f5e
```
#dd2f5e rgb(221,47,94)
```

Split Complementary Color

#b5dd2f
```
#b5dd2f rgb(181,221,47)
```
#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#dd2fb5
```
#dd2fb5 rgb(221,47,181)
```

Triadic Color

#2fdd57
```
#2fdd57 rgb(47,221,87)
```
#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#dd2fb5
```
#dd2fb5 rgb(221,47,181)
```
#dd572f
```
#dd572f rgb(221,87,47)
```

Tetradic Color

#1b85a5
```
#1b85a5 rgb(27,133,165)
```
#1e97bb
```
#1e97bb rgb(30,151,187)
```
#22a8d0
```
#22a8d0 rgb(34,168,208)
```
#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#45bde1
```
#45bde1 rgb(69,189,225)
```
#5bc5e4
```
#5bc5e4 rgb(91,197,228)
```
#71cce8
```
#71cce8 rgb(113,204,232)
```

Monochromatic Color

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

#2fddda
```
#2fddda rgb(47,221,218)
```
#2fd2dd
```
#2fd2dd rgb(47,210,221)
```
#2fc4dd
```
#2fc4dd rgb(47,196,221)
```
#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#2fa7dd
```
#2fa7dd rgb(47,167,221)
```
#2f98dd
```
#2f98dd rgb(47,152,221)
```
#2f8add
```
#2f8add rgb(47,138,221)
```

Similar Colors

Text with hexadecimal color #2fb5dd

This text has a font color of #2fb5dd.

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

#2fb5dd background color

This paragraph has a background color of #2fb5dd.

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

#2fb5dd border color

This element has a border color of #2fb5dd.

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

CSS codes

.text {color:#2fb5dd;}

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

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

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)
```
#05171c
```
#05171c rgb(5,23,28)
```
#07242d
```
#07242d rgb(7,36,45)
```
#0a323e
```
#0a323e rgb(10,50,62)
```
#0d3f4f
```
#0d3f4f rgb(13,63,79)
```
#104d5f
```
#104d5f rgb(16,77,95)
```
#125b70
```
#125b70 rgb(18,91,112)
```
#156881
```
#156881 rgb(21,104,129)
```
#187692
```
#187692 rgb(24,118,146)
```
#1b84a3
```
#1b84a3 rgb(27,132,163)
```
#1d91b4
```
#1d91b4 rgb(29,145,180)
```
#209fc5
```
#209fc5 rgb(32,159,197)
```
#23acd5
```
#23acd5 rgb(35,172,213)
```

Shade Color Variation

#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#40bbe0
```
#40bbe0 rgb(64,187,224)
```
#51c1e3
```
#51c1e3 rgb(81,193,227)
```
#62c7e5
```
#62c7e5 rgb(98,199,229)
```
#72cde8
```
#72cde8 rgb(114,205,232)
```
#83d3eb
```
#83d3eb rgb(131,211,235)
```
#94d9ee
```
#94d9ee rgb(148,217,238)
```
#a5dff0
```
#a5dff0 rgb(165,223,240)
```
#b6e5f3
```
#b6e5f3 rgb(182,229,243)
```
#c7ebf6
```
#c7ebf6 rgb(199,235,246)
```
#d8f1f9
```
#d8f1f9 rgb(216,241,249)
```
#e8f7fb
```
#e8f7fb rgb(232,247,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 #13c4f9 is the most saturated one.

#838889
```
#838889 rgb(131,136,137)
```
#798d93
```
#798d93 rgb(121,141,147)
```
#70929c
```
#70929c rgb(112,146,156)
```
#6797a5
```
#6797a5 rgb(103,151,165)
```
#5e9cae
```
#5e9cae rgb(94,156,174)
```
#54a1b8
```
#54a1b8 rgb(84,161,184)
```
#4ba6c1
```
#4ba6c1 rgb(75,166,193)
```
#42abca
```
#42abca rgb(66,171,202)
```
#38b0d4
```
#38b0d4 rgb(56,176,212)
```
#2fb5dd
```
#2fb5dd rgb(47,181,221)
```
#26bae6
```
#26bae6 rgb(38,186,230)
```
#1cbff0
```
#1cbff0 rgb(28,191,240)
```
#13c4f9
```
#13c4f9 rgb(19,196,249)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7d98a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aad5 Protanopia 1% of men
#99a9e4 Deuteranopia 1% of men
#14bcca Tritanopia 0.001% of the population

Trichromacy

#77aed8 Protanomaly 1% of men, 0.01% of women
#72ade1 Deuteranomaly 6% of men, 0.4% of women
#1eb9d1 Tritanomaly 0.01% of the population

#2fb5dd hex color

#2fb5dd Color Information

#2fb5dd Color Conversion

Color Schemes with #2fb5dd

Alternatives to #2fb5dd

#2fb5dd Preview

Shades and Tints of #2fb5dd

Tones of #2fb5dd

Color Blindness Simulator