#2fbeff hex color

In a RGB color space, hex #2fbeff is composed of 18.4% red, 74.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 25.5% magenta, 0% yellow and 0% black. It has a hue angle of 198.8 degrees, a saturation of 100% and a lightness of 59.2%. #2fbeff color hex could be obtained by blending #5effff with #007dff. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 75
- B 100
RGB color chart
- C 82
- M 25
- Y 0
- K 0
CMYK color chart

● #2fbeff color description : Vivid blue.

The hexadecimal color #2fbeff has RGB values of R:47, G:190, B:255 and CMYK values of C:0.82, M:0.25, Y:0, K:0. Its decimal value is 3129087.

Hex triplet	2fbeff	`#2fbeff`
RGB Decimal	47, 190, 255	`rgb(47,190,255)`
RGB Percent	18.4, 74.5, 100	`rgb(18.4%,74.5%,100%)`
CMYK	82, 25, 0, 0
HSL	198.8°, 100, 59.2	`hsl(198.8,100%,59.2%)`
HSV (or HSB)	198.8°, 81.6, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.659, -15.006, -42.343
XYZ	37.631, 44.648, 101.237
xyY	0.205, 0.243, 44.648
CIE-LCH	72.659, 44.924, 250.486
CIE-LUV	72.659, -46.248, -66.971
Hunter-Lab	66.819, -16.406, -43.056
Binary	00101111, 10111110, 11111111

#2fbeff
```
#2fbeff rgb(47,190,255)
```
#ff702f
```
#ff702f rgb(255,112,47)
```

Complementary Color

#2fffd8
```
#2fffd8 rgb(47,255,216)
```
#2fbeff
```
#2fbeff rgb(47,190,255)
```
#2f56ff
```
#2f56ff rgb(47,86,255)
```

Analogous Color

#ffd82f
```
#ffd82f rgb(255,216,47)
```
#2fbeff
```
#2fbeff rgb(47,190,255)
```
#ff2f56
```
#ff2f56 rgb(255,47,86)
```

Split Complementary Color

#beff2f
```
#beff2f rgb(190,255,47)
```
#2fbeff
```
#2fbeff rgb(47,190,255)
```
#ff2fbe
```
#ff2fbe rgb(255,47,190)
```

Triadic Color

#2fff70
```
#2fff70 rgb(47,255,112)
```
#2fbeff
```
#2fbeff rgb(47,190,255)
```
#ff2fbe
```
#ff2fbe rgb(255,47,190)
```
#ff702f
```
#ff702f rgb(255,112,47)
```

Tetradic Color

#009be2
```
#009be2 rgb(0,155,226)
```
#00adfb
```
#00adfb rgb(0,173,251)
```
#16b6ff
```
#16b6ff rgb(22,182,255)
```
#2fbeff
```
#2fbeff rgb(47,190,255)
```
#49c6ff
```
#49c6ff rgb(73,198,255)
```
#62ceff
```
#62ceff rgb(98,206,255)
```
#7cd6ff
```
#7cd6ff rgb(124,214,255)
```

Monochromatic Color

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

#2ff2ff
```
#2ff2ff rgb(47,242,255)
```
#2fe1ff
```
#2fe1ff rgb(47,225,255)
```
#2fcfff
```
#2fcfff rgb(47,207,255)
```
#2fbeff
```
#2fbeff rgb(47,190,255)
```
#2fadff
```
#2fadff rgb(47,173,255)
```
#2f9bff
```
#2f9bff rgb(47,155,255)
```
#2f8aff
```
#2f8aff rgb(47,138,255)
```

Similar Colors

Text with hexadecimal color #2fbeff

This text has a font color of #2fbeff.

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

#2fbeff background color

This paragraph has a background color of #2fbeff.

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

#2fbeff border color

This element has a border color of #2fbeff.

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

CSS codes

.text {color:#2fbeff;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00131b
```
#00131b rgb(0,19,27)
```
#00202f
```
#00202f rgb(0,32,47)
```
#002e43
```
#002e43 rgb(0,46,67)
```
#003b56
```
#003b56 rgb(0,59,86)
```
#00496a
```
#00496a rgb(0,73,106)
```
#00567d
```
#00567d rgb(0,86,125)
```
#006491
```
#006491 rgb(0,100,145)
```
#0071a5
```
#0071a5 rgb(0,113,165)
```
#007fb8
```
#007fb8 rgb(0,127,184)
```
#008ccc
```
#008ccc rgb(0,140,204)
```
#009ae0
```
#009ae0 rgb(0,154,224)
```
#00a7f3
```
#00a7f3 rgb(0,167,243)
```

Shade Color Variation

#08b2ff
```
#08b2ff rgb(8,178,255)
```
#1bb8ff
```
#1bb8ff rgb(27,184,255)
```
#2fbeff
```
#2fbeff rgb(47,190,255)
```
#43c4ff
```
#43c4ff rgb(67,196,255)
```
#56caff
```
#56caff rgb(86,202,255)
```
#6ad0ff
```
#6ad0ff rgb(106,208,255)
```
#7dd7ff
```
#7dd7ff rgb(125,215,255)
```
#91ddff
```
#91ddff rgb(145,221,255)
```
#a5e3ff
```
#a5e3ff rgb(165,227,255)
```
#b8e9ff
```
#b8e9ff rgb(184,233,255)
```
#ccefff
```
#ccefff rgb(204,239,255)
```
#e0f5ff
```
#e0f5ff rgb(224,245,255)
```
#f3fbff
```
#f3fbff rgb(243,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9a9f is the less saturated color, while #2fbeff is the most saturated one.

#8f9a9f
```
#8f9a9f rgb(143,154,159)
```
#879da7
```
#879da7 rgb(135,157,167)
```
#7fa0af
```
#7fa0af rgb(127,160,175)
```
#77a3b7
```
#77a3b7 rgb(119,163,183)
```
#6fa6bf
```
#6fa6bf rgb(111,166,191)
```
#67a9c7
```
#67a9c7 rgb(103,169,199)
```
#5faccf
```
#5faccf rgb(95,172,207)
```
#57afd7
```
#57afd7 rgb(87,175,215)
```
#4fb2df
```
#4fb2df rgb(79,178,223)
```
#47b5e7
```
#47b5e7 rgb(71,181,231)
```
#3fb8ef
```
#3fb8ef rgb(63,184,239)
```
#37bbf7
```
#37bbf7 rgb(55,187,247)
```
#2fbeff
```
#2fbeff rgb(47,190,255)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#85a2af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b3f5 Protanopia 1% of men
#95b5ff Deuteranopia 1% of men
#00c7d5 Tritanopia 0.001% of the population

Trichromacy

#77b7f8 Protanomaly 1% of men, 0.01% of women
#6fb8ff Deuteranomaly 6% of men, 0.4% of women
#11c4e4 Tritanomaly 0.01% of the population

#2fbeff hex color

#2fbeff Color Information

#2fbeff Color Conversion

Color Schemes with #2fbeff

Alternatives to #2fbeff

#2fbeff Preview

Shades and Tints of #2fbeff

Tones of #2fbeff

Color Blindness Simulator