#2fbefd hex color

In a RGB color space, hex #2fbefd is composed of 18.4% red, 74.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 24.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 198.3 degrees, a saturation of 98.1% and a lightness of 58.8%. #2fbefd color hex could be obtained by blending #5effff with #007dfb. Closest websafe color is: #33ccff.

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

● #2fbefd color description : Bright blue.

The hexadecimal color #2fbefd has RGB values of R:47, G:190, B:253 and CMYK values of C:0.81, M:0.25, Y:0, K:0.01. Its decimal value is 3129085.

Hex triplet	2fbefd	`#2fbefd`
RGB Decimal	47, 190, 253	`rgb(47,190,253)`
RGB Percent	18.4, 74.5, 99.2	`rgb(18.4%,74.5%,99.2%)`
CMYK	81, 25, 0, 1
HSL	198.3°, 98.1, 58.8	`hsl(198.3,98.1%,58.8%)`
HSV (or HSB)	198.3°, 81.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.574, -15.685, -41.399
XYZ	37.311, 44.52, 99.55
xyY	0.206, 0.245, 44.52
CIE-LCH	72.574, 44.271, 249.25
CIE-LUV	72.574, -46.376, -65.249
Hunter-Lab	66.723, -16.95, -41.754
Binary	00101111, 10111110, 11111101

#2fbefd
```
#2fbefd rgb(47,190,253)
```
#fd6e2f
```
#fd6e2f rgb(253,110,47)
```

Complementary Color

#2ffdd5
```
#2ffdd5 rgb(47,253,213)
```
#2fbefd
```
#2fbefd rgb(47,190,253)
```
#2f57fd
```
#2f57fd rgb(47,87,253)
```

Analogous Color

#fdd52f
```
#fdd52f rgb(253,213,47)
```
#2fbefd
```
#2fbefd rgb(47,190,253)
```
#fd2f57
```
#fd2f57 rgb(253,47,87)
```

Split Complementary Color

#befd2f
```
#befd2f rgb(190,253,47)
```
#2fbefd
```
#2fbefd rgb(47,190,253)
```
#fd2fbe
```
#fd2fbe rgb(253,47,190)
```

Triadic Color

#2ffd6e
```
#2ffd6e rgb(47,253,110)
```
#2fbefd
```
#2fbefd rgb(47,190,253)
```
#fd2fbe
```
#fd2fbe rgb(253,47,190)
```
#fd6e2f
```
#fd6e2f rgb(253,110,47)
```

Tetradic Color

#029add
```
#029add rgb(2,154,221)
```
#02acf7
```
#02acf7 rgb(2,172,247)
```
#16b6fd
```
#16b6fd rgb(22,182,253)
```
#2fbefd
```
#2fbefd rgb(47,190,253)
```
#48c6fd
```
#48c6fd rgb(72,198,253)
```
#62cefd
```
#62cefd rgb(98,206,253)
```
#7bd6fe
```
#7bd6fe rgb(123,214,254)
```

Monochromatic Color

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

#2ff2fd
```
#2ff2fd rgb(47,242,253)
```
#2fe0fd
```
#2fe0fd rgb(47,224,253)
```
#2fcffd
```
#2fcffd rgb(47,207,253)
```
#2fbefd
```
#2fbefd rgb(47,190,253)
```
#2fadfd
```
#2fadfd rgb(47,173,253)
```
#2f9cfd
```
#2f9cfd rgb(47,156,253)
```
#2f8bfd
```
#2f8bfd rgb(47,139,253)
```

Similar Colors

Text with hexadecimal color #2fbefd

This text has a font color of #2fbefd.

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

#2fbefd background color

This paragraph has a background color of #2fbefd.

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

#2fbefd border color

This element has a border color of #2fbefd.

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

CSS codes

.text {color:#2fbefd;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#001219
```
#001219 rgb(0,18,25)
```
#001f2d
```
#001f2d rgb(0,31,45)
```
#012d40
```
#012d40 rgb(1,45,64)
```
#013a53
```
#013a53 rgb(1,58,83)
```
#014867
```
#014867 rgb(1,72,103)
```
#01557a
```
#01557a rgb(1,85,122)
```
#01638e
```
#01638e rgb(1,99,142)
```
#0270a1
```
#0270a1 rgb(2,112,161)
```
#027eb5
```
#027eb5 rgb(2,126,181)
```
#028bc8
```
#028bc8 rgb(2,139,200)
```
#0299db
```
#0299db rgb(2,153,219)
```
#02a7ef
```
#02a7ef rgb(2,167,239)
```

Shade Color Variation

#08b2fd
```
#08b2fd rgb(8,178,253)
```
#1cb8fd
```
#1cb8fd rgb(28,184,253)
```
#2fbefd
```
#2fbefd rgb(47,190,253)
```
#42c4fd
```
#42c4fd rgb(66,196,253)
```
#56cafd
```
#56cafd rgb(86,202,253)
```
#69d0fe
```
#69d0fe rgb(105,208,254)
```
#7dd6fe
```
#7dd6fe rgb(125,214,254)
```
#90dcfe
```
#90dcfe rgb(144,220,254)
```
#a4e2fe
```
#a4e2fe rgb(164,226,254)
```
#b7e9fe
```
#b7e9fe rgb(183,233,254)
```
#caeffe
```
#caeffe rgb(202,239,254)
```
#def5ff
```
#def5ff rgb(222,245,255)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#90989c
```
#90989c rgb(144,152,156)
```
#889ba4
```
#889ba4 rgb(136,155,164)
```
#809fac
```
#809fac rgb(128,159,172)
```
#78a2b4
```
#78a2b4 rgb(120,162,180)
```
#70a5bc
```
#70a5bc rgb(112,165,188)
```
#68a8c4
```
#68a8c4 rgb(104,168,196)
```
#5fabcd
```
#5fabcd rgb(95,171,205)
```
#57aed5
```
#57aed5 rgb(87,174,213)
```
#4fb1dd
```
#4fb1dd rgb(79,177,221)
```
#47b5e5
```
#47b5e5 rgb(71,181,229)
```
#3fb8ed
```
#3fb8ed rgb(63,184,237)
```
#37bbf5
```
#37bbf5 rgb(55,187,245)
```
#2fbefd
```
#2fbefd rgb(47,190,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#85a1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#78b7f6 Protanomaly 1% of men, 0.01% of women
#70b8fe Deuteranomaly 6% of men, 0.4% of women
#11c4e4 Tritanomaly 0.01% of the population

#2fbefd hex color

#2fbefd Color Information

#2fbefd Color Conversion

Color Schemes with #2fbefd

Alternatives to #2fbefd

#2fbefd Preview

Shades and Tints of #2fbefd

Tones of #2fbefd

Color Blindness Simulator