colorhexa.com

#2fb4eb hex color

In a RGB color space, hex #2fb4eb is composed of 18.4% red, 70.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 23.4% magenta, 0% yellow and 7.8% black. It has a hue angle of 197.6 degrees, a saturation of 82.5% and a lightness of 55.3%. #2fb4eb color hex could be obtained by blending #5effff with #0069d7. Closest websafe color is: #33ccff.

- R 18
- G 71
- B 92
RGB color chart
- C 80
- M 23
- Y 0
- K 8
CMYK color chart

● #2fb4eb color description : Bright blue.

The hexadecimal color #2fb4eb has RGB values of R:47, G:180, B:235 and CMYK values of C:0.8, M:0.23, Y:0, K:0.08. Its decimal value is 3126507.

Hex triplet	2fb4eb	`#2fb4eb`
RGB Decimal	47, 180, 235	`rgb(47,180,235)`
RGB Percent	18.4, 70.6, 92.2	`rgb(18.4%,70.6%,92.2%)`
CMYK	80, 23, 0, 8
HSL	197.6°, 82.5, 55.3	`hsl(197.6,82.5%,55.3%)`
HSV (or HSB)	197.6°, 80, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	68.926, -16.477, -37.336
XYZ	32.485, 39.242, 84.455
xyY	0.208, 0.251, 39.242
CIE-LCH	68.926, 40.81, 246.187
CIE-LUV	68.926, -44.129, -57.763
Hunter-Lab	62.643, -17.061, -36.084
Binary	00101111, 10110100, 11101011

#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#eb662f
```
#eb662f rgb(235,102,47)
```

Complementary Color

#2febc4
```
#2febc4 rgb(47,235,196)
```
#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#2f56eb
```
#2f56eb rgb(47,86,235)
```

Analogous Color

#ebc42f
```
#ebc42f rgb(235,196,47)
```
#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#eb2f56
```
#eb2f56 rgb(235,47,86)
```

Split Complementary Color

#b4eb2f
```
#b4eb2f rgb(180,235,47)
```
#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#eb2fb4
```
#eb2fb4 rgb(235,47,180)
```

Triadic Color

#2feb66
```
#2feb66 rgb(47,235,102)
```
#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#eb2fb4
```
#eb2fb4 rgb(235,47,180)
```
#eb662f
```
#eb662f rgb(235,102,47)
```

Tetradic Color

#128abb
```
#128abb rgb(18,138,187)
```
#149bd3
```
#149bd3 rgb(20,155,211)
```
#18ace9
```
#18ace9 rgb(24,172,233)
```
#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#46bced
```
#46bced rgb(70,188,237)
```
#5ec5ef
```
#5ec5ef rgb(94,197,239)
```
#75cdf2
```
#75cdf2 rgb(117,205,242)
```

Monochromatic Color

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

#2fe3eb
```
#2fe3eb rgb(47,227,235)
```
#2fd3eb
```
#2fd3eb rgb(47,211,235)
```
#2fc4eb
```
#2fc4eb rgb(47,196,235)
```
#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#2fa4eb
```
#2fa4eb rgb(47,164,235)
```
#2f95eb
```
#2f95eb rgb(47,149,235)
```
#2f85eb
```
#2f85eb rgb(47,133,235)
```

Similar Colors

Text with hexadecimal color #2fb4eb

This text has a font color of #2fb4eb.

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

#2fb4eb background color

This paragraph has a background color of #2fb4eb.

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

#2fb4eb border color

This element has a border color of #2fb4eb.

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

CSS codes

.text {color:#2fb4eb;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#021219
```
#021219 rgb(2,18,25)
```
#041f2b
```
#041f2b rgb(4,31,43)
```
#062c3c
```
#062c3c rgb(6,44,60)
```
#083a4e
```
#083a4e rgb(8,58,78)
```
#094760
```
#094760 rgb(9,71,96)
```
#0b5472
```
#0b5472 rgb(11,84,114)
```
#0d6184
```
#0d6184 rgb(13,97,132)
```
#0e6e96
```
#0e6e96 rgb(14,110,150)
```
#107ba8
```
#107ba8 rgb(16,123,168)
```
#1289ba
```
#1289ba rgb(18,137,186)
```
#1496cc
```
#1496cc rgb(20,150,204)
```
#15a3dd
```
#15a3dd rgb(21,163,221)
```

Shade Color Variation

#1daee9
```
#1daee9 rgb(29,174,233)
```
#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#41baed
```
#41baed rgb(65,186,237)
```
#53c1ee
```
#53c1ee rgb(83,193,238)
```
#65c7f0
```
#65c7f0 rgb(101,199,240)
```
#77cef2
```
#77cef2 rgb(119,206,242)
```
#88d4f4
```
#88d4f4 rgb(136,212,244)
```
#9adbf5
```
#9adbf5 rgb(154,219,245)
```
#ace1f7
```
#ace1f7 rgb(172,225,247)
```
#bee8f9
```
#bee8f9 rgb(190,232,249)
```
#d0eefa
```
#d0eefa rgb(208,238,250)
```
#e2f5fc
```
#e2f5fc rgb(226,245,252)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

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

#879093
```
#879093 rgb(135,144,147)
```
#7e939c
```
#7e939c rgb(126,147,156)
```
#7597a5
```
#7597a5 rgb(117,151,165)
```
#6c9bae
```
#6c9bae rgb(108,155,174)
```
#649eb6
```
#649eb6 rgb(100,158,182)
```
#5ba2bf
```
#5ba2bf rgb(91,162,191)
```
#52a5c8
```
#52a5c8 rgb(82,165,200)
```
#49a9d1
```
#49a9d1 rgb(73,169,209)
```
#41add9
```
#41add9 rgb(65,173,217)
```
#38b0e2
```
#38b0e2 rgb(56,176,226)
```
#2fb4eb
```
#2fb4eb rgb(47,180,235)
```
#26b8f4
```
#26b8f4 rgb(38,184,244)
```
#1dbbfd
```
#1dbbfd rgb(29,187,253)
```

Tone Color Variation

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

Dichromacy

#9baae2 Protanopia 1% of men
#8fabf1 Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

#74aee5 Protanomaly 1% of men, 0.01% of women
#6caeee Deuteranomaly 6% of men, 0.4% of women
#11bad6 Tritanomaly 0.01% of the population