#2f8dfe hex color

In a RGB color space, hex #2f8dfe is composed of 18.4% red, 55.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 44.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 212.8 degrees, a saturation of 99% and a lightness of 59%. #2f8dfe color hex could be obtained by blending #5effff with #001bfd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 55
- B 100
RGB color chart
- C 81
- M 44
- Y 0
- K 0
CMYK color chart

● #2f8dfe color description : Bright blue.

The hexadecimal color #2f8dfe has RGB values of R:47, G:141, B:254 and CMYK values of C:0.81, M:0.44, Y:0, K:0. Its decimal value is 3116542.

Hex triplet	2f8dfe	`#2f8dfe`
RGB Decimal	47, 141, 254	`rgb(47,141,254)`
RGB Percent	18.4, 55.3, 99.6	`rgb(18.4%,55.3%,99.6%)`
CMYK	81, 44, 0, 0
HSL	212.8°, 99, 59	`hsl(212.8,99%,59%)`
HSV (or HSB)	212.8°, 81.5, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.796, 12.589, -63.767
XYZ	28.583, 26.807, 97.428
xyY	0.187, 0.175, 26.807
CIE-LCH	58.796, 64.998, 281.168
CIE-LUV	58.796, -30.346, -102.899
Hunter-Lab	51.776, 7.932, -75.325
Binary	00101111, 10001101, 11111110

#2f8dfe
```
#2f8dfe rgb(47,141,254)
```
#fea02f
```
#fea02f rgb(254,160,47)
```

Complementary Color

#2ff5fe
```
#2ff5fe rgb(47,245,254)
```
#2f8dfe
```
#2f8dfe rgb(47,141,254)
```
#392ffe
```
#392ffe rgb(57,47,254)
```

Analogous Color

#f5fe2f
```
#f5fe2f rgb(245,254,47)
```
#2f8dfe
```
#2f8dfe rgb(47,141,254)
```
#fe392f
```
#fe392f rgb(254,57,47)
```

Split Complementary Color

#8dfe2f
```
#8dfe2f rgb(141,254,47)
```
#2f8dfe
```
#2f8dfe rgb(47,141,254)
```
#fe2f8d
```
#fe2f8d rgb(254,47,141)
```

Triadic Color

#2ffea0
```
#2ffea0 rgb(47,254,160)
```
#2f8dfe
```
#2f8dfe rgb(47,141,254)
```
#fe2f8d
```
#fe2f8d rgb(254,47,141)
```
#fea02f
```
#fea02f rgb(254,160,47)
```

Tetradic Color

#0166df
```
#0166df rgb(1,102,223)
```
#0172f9
```
#0172f9 rgb(1,114,249)
```
#167ffe
```
#167ffe rgb(22,127,254)
```
#2f8dfe
```
#2f8dfe rgb(47,141,254)
```
#489bfe
```
#489bfe rgb(72,155,254)
```
#62a9fe
```
#62a9fe rgb(98,169,254)
```
#7bb7fe
```
#7bb7fe rgb(123,183,254)
```

Monochromatic Color

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

#2fc1fe
```
#2fc1fe rgb(47,193,254)
```
#2fb0fe
```
#2fb0fe rgb(47,176,254)
```
#2f9efe
```
#2f9efe rgb(47,158,254)
```
#2f8dfe
```
#2f8dfe rgb(47,141,254)
```
#2f7cfe
```
#2f7cfe rgb(47,124,254)
```
#2f6bfe
```
#2f6bfe rgb(47,107,254)
```
#2f59fe
```
#2f59fe rgb(47,89,254)
```

Similar Colors

Text with hexadecimal color #2f8dfe

This text has a font color of #2f8dfe.

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

#2f8dfe background color

This paragraph has a background color of #2f8dfe.

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

#2f8dfe border color

This element has a border color of #2f8dfe.

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

CSS codes

.text {color:#2f8dfe;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000c1a
```
#000c1a rgb(0,12,26)
```
#00152e
```
#00152e rgb(0,21,46)
```
#001e41
```
#001e41 rgb(0,30,65)
```
#002755
```
#002755 rgb(0,39,85)
```
#013068
```
#013068 rgb(1,48,104)
```
#01397c
```
#01397c rgb(1,57,124)
```
#01418f
```
#01418f rgb(1,65,143)
```
#014aa3
```
#014aa3 rgb(1,74,163)
```
#0153b6
```
#0153b6 rgb(1,83,182)
```
#015cca
```
#015cca rgb(1,92,202)
```
#0165dd
```
#0165dd rgb(1,101,221)
```
#016ef1
```
#016ef1 rgb(1,110,241)
```

Shade Color Variation

#0878fe
```
#0878fe rgb(8,120,254)
```
#1b82fe
```
#1b82fe rgb(27,130,254)
```
#2f8dfe
```
#2f8dfe rgb(47,141,254)
```
#4398fe
```
#4398fe rgb(67,152,254)
```
#56a2fe
```
#56a2fe rgb(86,162,254)
```
#6aadfe
```
#6aadfe rgb(106,173,254)
```
#7db8fe
```
#7db8fe rgb(125,184,254)
```
#91c2fe
```
#91c2fe rgb(145,194,254)
```
#a4cdff
```
#a4cdff rgb(164,205,255)
```
#b8d8ff
```
#b8d8ff rgb(184,216,255)
```
#cbe3ff
```
#cbe3ff rgb(203,227,255)
```
#dfedff
```
#dfedff rgb(223,237,255)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

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

#8f969e
```
#8f969e rgb(143,150,158)
```
#8795a6
```
#8795a6 rgb(135,149,166)
```
#7f94ae
```
#7f94ae rgb(127,148,174)
```
#7794b6
```
#7794b6 rgb(119,148,182)
```
#6f93be
```
#6f93be rgb(111,147,190)
```
#6792c6
```
#6792c6 rgb(103,146,198)
```
#5f91ce
```
#5f91ce rgb(95,145,206)
```
#5791d6
```
#5791d6 rgb(87,145,214)
```
#4f90de
```
#4f90de rgb(79,144,222)
```
#478fe6
```
#478fe6 rgb(71,143,230)
```
#3f8eee
```
#3f8eee rgb(63,142,238)
```
#378ef6
```
#378ef6 rgb(55,142,246)
```
#2f8dfe
```
#2f8dfe rgb(47,141,254)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#598ffb Protanopia 1% of men
#0095f9 Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#4a8efc Protanomaly 1% of men, 0.01% of women
#1192fb Deuteranomaly 6% of men, 0.4% of women
#119ac9 Tritanomaly 0.01% of the population

#2f8dfe hex color

#2f8dfe Color Information

#2f8dfe Color Conversion

Color Schemes with #2f8dfe

Alternatives to #2f8dfe

#2f8dfe Preview

Shades and Tints of #2f8dfe

Tones of #2f8dfe

Color Blindness Simulator