#2fbae4 hex color

In a RGB color space, hex #2fbae4 is composed of 18.4% red, 72.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 18.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 193.9 degrees, a saturation of 77% and a lightness of 53.9%. #2fbae4 color hex could be obtained by blending #5effff with #0075c9. Closest websafe color is: #33cccc.

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

● #2fbae4 color description : Bright cyan.

The hexadecimal color #2fbae4 has RGB values of R:47, G:186, B:228 and CMYK values of C:0.79, M:0.18, Y:0, K:0.11. Its decimal value is 3128036.

Hex triplet	2fbae4	`#2fbae4`
RGB Decimal	47, 186, 228	`rgb(47,186,228)`
RGB Percent	18.4, 72.9, 89.4	`rgb(18.4%,72.9%,89.4%)`
CMYK	79, 18, 0, 11
HSL	193.9°, 77, 53.9	`hsl(193.9,77%,53.9%)`
HSV (or HSB)	193.9°, 79.4, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.4, -21.949, -31.238
XYZ	32.731, 41.321, 79.645
xyY	0.213, 0.269, 41.321
CIE-LCH	70.4, 38.178, 234.906
CIE-LUV	70.4, -46.655, -46.839
Hunter-Lab	64.281, -21.602, -28.464
Binary	00101111, 10111010, 11100100

#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#e4592f
```
#e4592f rgb(228,89,47)
```

Complementary Color

#2fe4b4
```
#2fe4b4 rgb(47,228,180)
```
#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#2f60e4
```
#2f60e4 rgb(47,96,228)
```

Analogous Color

#e4b42f
```
#e4b42f rgb(228,180,47)
```
#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#e42f60
```
#e42f60 rgb(228,47,96)
```

Split Complementary Color

#bae42f
```
#bae42f rgb(186,228,47)
```
#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#e42fba
```
#e42fba rgb(228,47,186)
```

Triadic Color

#2fe459
```
#2fe459 rgb(47,228,89)
```
#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#e42fba
```
#e42fba rgb(228,47,186)
```
#e4592f
```
#e4592f rgb(228,89,47)
```

Tetradic Color

#178cb0
```
#178cb0 rgb(23,140,176)
```
#1a9ec6
```
#1a9ec6 rgb(26,158,198)
```
#1db0dd
```
#1db0dd rgb(29,176,221)
```
#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#46c1e7
```
#46c1e7 rgb(70,193,231)
```
#5cc9ea
```
#5cc9ea rgb(92,201,234)
```
#73d0ed
```
#73d0ed rgb(115,208,237)
```

Monochromatic Color

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

#2fe4e1
```
#2fe4e1 rgb(47,228,225)
```
#2fd8e4
```
#2fd8e4 rgb(47,216,228)
```
#2fc9e4
```
#2fc9e4 rgb(47,201,228)
```
#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#2fabe4
```
#2fabe4 rgb(47,171,228)
```
#2f9ce4
```
#2f9ce4 rgb(47,156,228)
```
#2f8de4
```
#2f8de4 rgb(47,141,228)
```

Similar Colors

Text with hexadecimal color #2fbae4

This text has a font color of #2fbae4.

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

#2fbae4 background color

This paragraph has a background color of #2fbae4.

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

#2fbae4 border color

This element has a border color of #2fbae4.

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

CSS codes

.text {color:#2fbae4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020e12
```
#020e12 rgb(2,14,18)
```
#051c23
```
#051c23 rgb(5,28,35)
```
#072a34
```
#072a34 rgb(7,42,52)
```
#093846
```
#093846 rgb(9,56,70)
```
#0b4657
```
#0b4657 rgb(11,70,87)
```
#0e5369
```
#0e5369 rgb(14,83,105)
```
#10617a
```
#10617a rgb(16,97,122)
```
#126f8b
```
#126f8b rgb(18,111,139)
```
#147d9d
```
#147d9d rgb(20,125,157)
```
#178bae
```
#178bae rgb(23,139,174)
```
#1999bf
```
#1999bf rgb(25,153,191)
```
#1ba7d1
```
#1ba7d1 rgb(27,167,209)
```

Shade Color Variation

#1eb4e2
```
#1eb4e2 rgb(30,180,226)
```
#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#40c0e6
```
#40c0e6 rgb(64,192,230)
```
#52c6e9
```
#52c6e9 rgb(82,198,233)
```
#63cbeb
```
#63cbeb rgb(99,203,235)
```
#74d1ed
```
#74d1ed rgb(116,209,237)
```
#86d7ef
```
#86d7ef rgb(134,215,239)
```
#97ddf2
```
#97ddf2 rgb(151,221,242)
```
#a9e2f4
```
#a9e2f4 rgb(169,226,244)
```
#bae8f6
```
#bae8f6 rgb(186,232,246)
```
#cbeef8
```
#cbeef8 rgb(203,238,248)
```
#ddf4fb
```
#ddf4fb rgb(221,244,251)
```
#eef9fd
```
#eef9fd rgb(238,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a8a is the less saturated color, while #1dc4f6 is the most saturated one.

#898a8a
```
#898a8a rgb(137,138,138)
```
#808e93
```
#808e93 rgb(128,142,147)
```
#77939c
```
#77939c rgb(119,147,156)
```
#6e98a5
```
#6e98a5 rgb(110,152,165)
```
#659dae
```
#659dae rgb(101,157,174)
```
#5ca2b7
```
#5ca2b7 rgb(92,162,183)
```
#53a7c0
```
#53a7c0 rgb(83,167,192)
```
#4aabc9
```
#4aabc9 rgb(74,171,201)
```
#41b0d2
```
#41b0d2 rgb(65,176,210)
```
#38b5db
```
#38b5db rgb(56,181,219)
```
#2fbae4
```
#2fbae4 rgb(47,186,228)
```
#26bfed
```
#26bfed rgb(38,191,237)
```
#1dc4f6
```
#1dc4f6 rgb(29,196,246)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#819ca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4aedb Protanopia 1% of men
#9caeeb Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#79b2de Protanomaly 1% of men, 0.01% of women
#74b2e8 Deuteranomaly 6% of men, 0.4% of women
#11bed7 Tritanomaly 0.01% of the population

#2fbae4 hex color

#2fbae4 Color Information

#2fbae4 Color Conversion

Color Schemes with #2fbae4

Alternatives to #2fbae4

#2fbae4 Preview

Shades and Tints of #2fbae4

Tones of #2fbae4

Color Blindness Simulator