#2fb4e7 hex color

In a RGB color space, hex #2fb4e7 is composed of 18.4% red, 70.6% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 22.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 196.6 degrees, a saturation of 79.3% and a lightness of 54.5%. #2fb4e7 color hex could be obtained by blending #5effff with #0069cf. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 71
- B 91
RGB color chart
- C 80
- M 22
- Y 0
- K 9
CMYK color chart

● #2fb4e7 color description : Bright blue.

The hexadecimal color #2fb4e7 has RGB values of R:47, G:180, B:231 and CMYK values of C:0.8, M:0.22, Y:0, K:0.09. Its decimal value is 3126503.

Hex triplet	2fb4e7	`#2fb4e7`
RGB Decimal	47, 180, 231	`rgb(47,180,231)`
RGB Percent	18.4, 70.6, 90.6	`rgb(18.4%,70.6%,90.6%)`
CMYK	80, 22, 0, 9
HSL	196.6°, 79.3, 54.5	`hsl(196.6,79.3%,54.5%)`
HSV (or HSB)	196.6°, 79.7, 90.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	68.761, -17.827, -35.411
XYZ	31.914, 39.013, 81.445
xyY	0.209, 0.256, 39.013
CIE-LCH	68.761, 39.646, 243.278
CIE-LUV	68.761, -44.386, -54.298
Hunter-Lab	62.461, -18.104, -33.588
Binary	00101111, 10110100, 11100111

#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#e7622f
```
#e7622f rgb(231,98,47)
```

Complementary Color

#2fe7be
```
#2fe7be rgb(47,231,190)
```
#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#2f58e7
```
#2f58e7 rgb(47,88,231)
```

Analogous Color

#e7be2f
```
#e7be2f rgb(231,190,47)
```
#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#e72f58
```
#e72f58 rgb(231,47,88)
```

Split Complementary Color

#b4e72f
```
#b4e72f rgb(180,231,47)
```
#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#e72fb4
```
#e72fb4 rgb(231,47,180)
```

Triadic Color

#2fe762
```
#2fe762 rgb(47,231,98)
```
#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#e72fb4
```
#e72fb4 rgb(231,47,180)
```
#e7622f
```
#e7622f rgb(231,98,47)
```

Tetradic Color

#1588b5
```
#1588b5 rgb(21,136,181)
```
#179acc
```
#179acc rgb(23,154,204)
```
#1aabe2
```
#1aabe2 rgb(26,171,226)
```
#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#46bcea
```
#46bcea rgb(70,188,234)
```
#5dc4ec
```
#5dc4ec rgb(93,196,236)
```
#74cdef
```
#74cdef rgb(116,205,239)
```

Monochromatic Color

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

#2fe2e7
```
#2fe2e7 rgb(47,226,231)
```
#2fd3e7
```
#2fd3e7 rgb(47,211,231)
```
#2fc3e7
```
#2fc3e7 rgb(47,195,231)
```
#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#2fa5e7
```
#2fa5e7 rgb(47,165,231)
```
#2f95e7
```
#2f95e7 rgb(47,149,231)
```
#2f86e7
```
#2f86e7 rgb(47,134,231)
```

Similar Colors

Text with hexadecimal color #2fb4e7

This text has a font color of #2fb4e7.

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

#2fb4e7 background color

This paragraph has a background color of #2fb4e7.

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

#2fb4e7 border color

This element has a border color of #2fb4e7.

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

CSS codes

.text {color:#2fb4e7;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#021015
```
#021015 rgb(2,16,21)
```
#041d26
```
#041d26 rgb(4,29,38)
```
#062a38
```
#062a38 rgb(6,42,56)
```
#083749
```
#083749 rgb(8,55,73)
```
#0a455b
```
#0a455b rgb(10,69,91)
```
#0d526d
```
#0d526d rgb(13,82,109)
```
#0f5f7e
```
#0f5f7e rgb(15,95,126)
```
#116c90
```
#116c90 rgb(17,108,144)
```
#137aa1
```
#137aa1 rgb(19,122,161)
```
#1587b3
```
#1587b3 rgb(21,135,179)
```
#1794c4
```
#1794c4 rgb(23,148,196)
```
#19a2d6
```
#19a2d6 rgb(25,162,214)
```

Shade Color Variation

#1daee5
```
#1daee5 rgb(29,174,229)
```
#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#41bae9
```
#41bae9 rgb(65,186,233)
```
#52c1eb
```
#52c1eb rgb(82,193,235)
```
#64c7ed
```
#64c7ed rgb(100,199,237)
```
#75cdef
```
#75cdef rgb(117,205,239)
```
#87d4f1
```
#87d4f1 rgb(135,212,241)
```
#99daf3
```
#99daf3 rgb(153,218,243)
```
#aae0f5
```
#aae0f5 rgb(170,224,245)
```
#bce7f7
```
#bce7f7 rgb(188,231,247)
```
#cdedf9
```
#cdedf9 rgb(205,237,249)
```
#dff3fb
```
#dff3fb rgb(223,243,251)
```
#f0fafd
```
#f0fafd rgb(240,250,253)
```

Tint Color Variation

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

#888c8e
```
#888c8e rgb(136,140,142)
```
#7f9097
```
#7f9097 rgb(127,144,151)
```
#7694a0
```
#7694a0 rgb(118,148,160)
```
#6d98a9
```
#6d98a9 rgb(109,152,169)
```
#659cb1
```
#659cb1 rgb(101,156,177)
```
#5ca0ba
```
#5ca0ba rgb(92,160,186)
```
#53a4c3
```
#53a4c3 rgb(83,164,195)
```
#4aa8cc
```
#4aa8cc rgb(74,168,204)
```
#41acd5
```
#41acd5 rgb(65,172,213)
```
#38b0de
```
#38b0de rgb(56,176,222)
```
#2fb4e7
```
#2fb4e7 rgb(47,180,231)
```
#26b8f0
```
#26b8f0 rgb(38,184,240)
```
#1dbcf9
```
#1dbcf9 rgb(29,188,249)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7e99a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9caade Protanopia 1% of men
#92aaed Deuteranopia 1% of men
#00bdca Tritanopia 0.001% of the population

Trichromacy

#74ade1 Protanomaly 1% of men, 0.01% of women
#6eaeeb Deuteranomaly 6% of men, 0.4% of women
#11b9d4 Tritanomaly 0.01% of the population

#2fb4e7 hex color

#2fb4e7 Color Information

#2fb4e7 Color Conversion

Color Schemes with #2fb4e7

Alternatives to #2fb4e7

#2fb4e7 Preview

Shades and Tints of #2fb4e7

Tones of #2fb4e7

Color Blindness Simulator