colorhexa.com

#2fb6e2 hex color

In a RGB color space, hex #2fb6e2 is composed of 18.4% red, 71.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 19.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 194.7 degrees, a saturation of 75.5% and a lightness of 53.5%. #2fb6e2 color hex could be obtained by blending #5effff with #006dc5. Closest websafe color is: #33cccc.

- R 18
- G 71
- B 89
RGB color chart
- C 79
- M 19
- Y 0
- K 11
CMYK color chart

● #2fb6e2 color description : Bright cyan.

The hexadecimal color #2fb6e2 has RGB values of R:47, G:182, B:226 and CMYK values of C:0.79, M:0.19, Y:0, K:0.11. Its decimal value is 3127010.

Hex triplet	2fb6e2	`#2fb6e2`
RGB Decimal	47, 182, 226	`rgb(47,182,226)`
RGB Percent	18.4, 71.4, 88.6	`rgb(18.4%,71.4%,88.6%)`
CMYK	79, 19, 0, 11
HSL	194.7°, 75.5, 53.5	`hsl(194.7,75.5%,53.5%)`
HSV (or HSB)	194.7°, 79.2, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.147, -20.543, -32.084
XYZ	31.624, 39.548, 77.914
xyY	0.212, 0.265, 39.548
CIE-LCH	69.147, 38.097, 237.369
CIE-LUV	69.147, -45.404, -48.343
Hunter-Lab	62.887, -20.291, -29.436
Binary	00101111, 10110110, 11100010

#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#e25b2f
```
#e25b2f rgb(226,91,47)
```

Complementary Color

#2fe2b5
```
#2fe2b5 rgb(47,226,181)
```
#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#2f5de2
```
#2f5de2 rgb(47,93,226)
```

Analogous Color

#e2b52f
```
#e2b52f rgb(226,181,47)
```
#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#e22f5d
```
#e22f5d rgb(226,47,93)
```

Split Complementary Color

#b6e22f
```
#b6e22f rgb(182,226,47)
```
#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#e22fb6
```
#e22fb6 rgb(226,47,182)
```

Triadic Color

#2fe25b
```
#2fe25b rgb(47,226,91)
```
#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#e22fb6
```
#e22fb6 rgb(226,47,182)
```
#e25b2f
```
#e25b2f rgb(226,91,47)
```

Tetradic Color

#1888ac
```
#1888ac rgb(24,136,172)
```
#1b9ac3
```
#1b9ac3 rgb(27,154,195)
```
#1eabd9
```
#1eabd9 rgb(30,171,217)
```
#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#45bee5
```
#45bee5 rgb(69,190,229)
```
#5cc6e8
```
#5cc6e8 rgb(92,198,232)
```
#72ceeb
```
#72ceeb rgb(114,206,235)
```

Monochromatic Color

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

#2fe2e1
```
#2fe2e1 rgb(47,226,225)
```
#2fd4e2
```
#2fd4e2 rgb(47,212,226)
```
#2fc5e2
```
#2fc5e2 rgb(47,197,226)
```
#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#2fa7e2
```
#2fa7e2 rgb(47,167,226)
```
#2f98e2
```
#2f98e2 rgb(47,152,226)
```
#2f89e2
```
#2f89e2 rgb(47,137,226)
```

Similar Colors

Text with hexadecimal color #2fb6e2

This text has a font color of #2fb6e2.

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

#2fb6e2 background color

This paragraph has a background color of #2fb6e2.

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

#2fb6e2 border color

This element has a border color of #2fb6e2.

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

CSS codes

.text {color:#2fb6e2;}

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

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

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, #020c10 is the darkest color, while #feffff is the lightest one.

#020c10
```
#020c10 rgb(2,12,16)
```
#051a21
```
#051a21 rgb(5,26,33)
```
#072832
```
#072832 rgb(7,40,50)
```
#093543
```
#093543 rgb(9,53,67)
```
#0c4355
```
#0c4355 rgb(12,67,85)
```
#0e5066
```
#0e5066 rgb(14,80,102)
```
#115e77
```
#115e77 rgb(17,94,119)
```
#136b88
```
#136b88 rgb(19,107,136)
```
#15799a
```
#15799a rgb(21,121,154)
```
#1887ab
```
#1887ab rgb(24,135,171)
```
#1a94bc
```
#1a94bc rgb(26,148,188)
```
#1da2cd
```
#1da2cd rgb(29,162,205)
```
#1fafde
```
#1fafde rgb(31,175,222)
```

Shade Color Variation

#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#40bce4
```
#40bce4 rgb(64,188,228)
```
#51c2e7
```
#51c2e7 rgb(81,194,231)
```
#63c8e9
```
#63c8e9 rgb(99,200,233)
```
#74ceec
```
#74ceec rgb(116,206,236)
```
#85d4ee
```
#85d4ee rgb(133,212,238)
```
#96daf0
```
#96daf0 rgb(150,218,240)
```
#a8e0f3
```
#a8e0f3 rgb(168,224,243)
```
#b9e6f5
```
#b9e6f5 rgb(185,230,245)
```
#caecf8
```
#caecf8 rgb(202,236,248)
```
#dbf2fa
```
#dbf2fa rgb(219,242,250)
```
#ecf8fc
```
#ecf8fc rgb(236,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818c90 is the less saturated color, while #14c4fd is the most saturated one.

#818c90
```
#818c90 rgb(129,140,144)
```
#789199
```
#789199 rgb(120,145,153)
```
#6f96a2
```
#6f96a2 rgb(111,150,162)
```
#669aab
```
#669aab rgb(102,154,171)
```
#5d9fb4
```
#5d9fb4 rgb(93,159,180)
```
#53a3be
```
#53a3be rgb(83,163,190)
```
#4aa8c7
```
#4aa8c7 rgb(74,168,199)
```
#41add0
```
#41add0 rgb(65,173,208)
```
#38b1d9
```
#38b1d9 rgb(56,177,217)
```
#2fb6e2
```
#2fb6e2 rgb(47,182,226)
```
#26bbeb
```
#26bbeb rgb(38,187,235)
```
#1dbff4
```
#1dbff4 rgb(29,191,244)
```
#14c4fd
```
#14c4fd rgb(20,196,253)
```

Tone Color Variation

Below, you can see how #2fb6e2 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
#7f9aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0abd9 Protanopia 1% of men
#98abe9 Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#77afdc Protanomaly 1% of men, 0.01% of women
#71afe6 Deuteranomaly 6% of men, 0.4% of women
#11bbd3 Tritanomaly 0.01% of the population