#2fbad0 hex color

In a RGB color space, hex #2fbad0 is composed of 18.4% red, 72.9% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 10.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 188.2 degrees, a saturation of 63.1% and a lightness of 50%. #2fbad0 color hex could be obtained by blending #5effff with #0075a1. Closest websafe color is: #33cccc.

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

● #2fbad0 color description : Strong cyan.

The hexadecimal color #2fbad0 has RGB values of R:47, G:186, B:208 and CMYK values of C:0.77, M:0.11, Y:0, K:0.18. Its decimal value is 3128016.

Hex triplet	2fbad0	`#2fbad0`
RGB Decimal	47, 186, 208	`rgb(47,186,208)`
RGB Percent	18.4, 72.9, 81.6	`rgb(18.4%,72.9%,81.6%)`
CMYK	77, 11, 0, 18
HSL	188.2°, 63.1, 50	`hsl(188.2,63.1%,50%)`
HSV (or HSB)	188.2°, 77.4, 81.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.664, -28.381, -21.443
XYZ	30.113, 40.273, 65.858
xyY	0.221, 0.296, 40.273
CIE-LCH	69.664, 35.571, 217.073
CIE-LUV	69.664, -48.024, -29.501
Hunter-Lab	63.461, -26.357, -17.106
Binary	00101111, 10111010, 11010000

#2fbad0
```
#2fbad0 rgb(47,186,208)
```
#d0452f
```
#d0452f rgb(208,69,47)
```

Complementary Color

#2fd096
```
#2fd096 rgb(47,208,150)
```
#2fbad0
```
#2fbad0 rgb(47,186,208)
```
#2f6ad0
```
#2f6ad0 rgb(47,106,208)
```

Analogous Color

#d0962f
```
#d0962f rgb(208,150,47)
```
#2fbad0
```
#2fbad0 rgb(47,186,208)
```
#d02f6a
```
#d02f6a rgb(208,47,106)
```

Split Complementary Color

#bad02f
```
#bad02f rgb(186,208,47)
```
#2fbad0
```
#2fbad0 rgb(47,186,208)
```
#d02fba
```
#d02fba rgb(208,47,186)
```

Triadic Color

#2fd045
```
#2fd045 rgb(47,208,69)
```
#2fbad0
```
#2fbad0 rgb(47,186,208)
```
#d02fba
```
#d02fba rgb(208,47,186)
```
#d0452f
```
#d0452f rgb(208,69,47)
```

Tetradic Color

#218292
```
#218292 rgb(33,130,146)
```
#2695a6
```
#2695a6 rgb(38,149,166)
```
#2aa7bb
```
#2aa7bb rgb(42,167,187)
```
#2fbad0
```
#2fbad0 rgb(47,186,208)
```
#44c1d5
```
#44c1d5 rgb(68,193,213)
```
#59c8d9
```
#59c8d9 rgb(89,200,217)
```
#6dcfde
```
#6dcfde rgb(109,207,222)
```

Monochromatic Color

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

#2fd0be
```
#2fd0be rgb(47,208,190)
```
#2fd0cb
```
#2fd0cb rgb(47,208,203)
```
#2fc7d0
```
#2fc7d0 rgb(47,199,208)
```
#2fbad0
```
#2fbad0 rgb(47,186,208)
```
#2fadd0
```
#2fadd0 rgb(47,173,208)
```
#2f9fd0
```
#2f9fd0 rgb(47,159,208)
```
#2f92d0
```
#2f92d0 rgb(47,146,208)
```

Similar Colors

Text with hexadecimal color #2fbad0

This text has a font color of #2fbad0.

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

#2fbad0 background color

This paragraph has a background color of #2fbad0.

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

#2fbad0 border color

This element has a border color of #2fbad0.

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

CSS codes

.text {color:#2fbad0;}

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

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

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, #040e10 is the darkest color, while #ffffff is the lightest one.

#040e10
```
#040e10 rgb(4,14,16)
```
#071d20
```
#071d20 rgb(7,29,32)
```
#0b2b30
```
#0b2b30 rgb(11,43,48)
```
#0e3940
```
#0e3940 rgb(14,57,64)
```
#124850
```
#124850 rgb(18,72,80)
```
#165660
```
#165660 rgb(22,86,96)
```
#196470
```
#196470 rgb(25,100,112)
```
#1d7280
```
#1d7280 rgb(29,114,128)
```
#218190
```
#218190 rgb(33,129,144)
```
#248fa0
```
#248fa0 rgb(36,143,160)
```
#289db0
```
#289db0 rgb(40,157,176)
```
#2bacc0
```
#2bacc0 rgb(43,172,192)
```
#2fbad0
```
#2fbad0 rgb(47,186,208)
```

Shade Color Variation

#3fbfd4
```
#3fbfd4 rgb(63,191,212)
```
#4fc5d7
```
#4fc5d7 rgb(79,197,215)
```
#5fcadb
```
#5fcadb rgb(95,202,219)
```
#6fcfde
```
#6fcfde rgb(111,207,222)
```
#7fd5e2
```
#7fd5e2 rgb(127,213,226)
```
#8fdae6
```
#8fdae6 rgb(143,218,230)
```
#9fdfe9
```
#9fdfe9 rgb(159,223,233)
```
#afe4ed
```
#afe4ed rgb(175,228,237)
```
#bfeaf1
```
#bfeaf1 rgb(191,234,241)
```
#cfeff4
```
#cfeff4 rgb(207,239,244)
```
#dff4f8
```
#dff4f8 rgb(223,244,248)
```
#effafb
```
#effafb rgb(239,250,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d8182
```
#7d8182 rgb(125,129,130)
```
#74888b
```
#74888b rgb(116,136,139)
```
#6a8f95
```
#6a8f95 rgb(106,143,149)
```
#60969f
```
#60969f rgb(96,150,159)
```
#569da9
```
#569da9 rgb(86,157,169)
```
#4ca5b3
```
#4ca5b3 rgb(76,165,179)
```
#43acbc
```
#43acbc rgb(67,172,188)
```
#39b3c6
```
#39b3c6 rgb(57,179,198)
```
#2fbad0
```
#2fbad0 rgb(47,186,208)
```
#25c1da
```
#25c1da rgb(37,193,218)
```
#1bc8e4
```
#1bc8e4 rgb(27,200,228)
```
#12cfed
```
#12cfed rgb(18,207,237)
```
#08d7f7
```
#08d7f7 rgb(8,215,247)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7f9b9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9adc8 Protanopia 1% of men
#a7abd9 Deuteranopia 1% of men
#33becc Tritanopia 0.001% of the population

Trichromacy

#7cb1cb Protanomaly 1% of men, 0.01% of women
#7bb0d5 Deuteranomaly 6% of men, 0.4% of women
#31bccd Tritanomaly 0.01% of the population

#2fbad0 hex color

#2fbad0 Color Information

#2fbad0 Color Conversion

Color Schemes with #2fbad0

Alternatives to #2fbad0

#2fbad0 Preview

Shades and Tints of #2fbad0

Tones of #2fbad0

Color Blindness Simulator