#2f8bf3 hex color

In a RGB color space, hex #2f8bf3 is composed of 18.4% red, 54.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 42.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 211.8 degrees, a saturation of 89.1% and a lightness of 56.9%. #2f8bf3 color hex could be obtained by blending #5effff with #0017e7. Closest websafe color is: #3399ff.

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

● #2f8bf3 color description : Bright blue.

The hexadecimal color #2f8bf3 has RGB values of R:47, G:139, B:243 and CMYK values of C:0.81, M:0.43, Y:0, K:0.05. Its decimal value is 3116019.

Hex triplet	2f8bf3	`#2f8bf3`
RGB Decimal	47, 139, 243	`rgb(47,139,243)`
RGB Percent	18.4, 54.5, 95.3	`rgb(18.4%,54.5%,95.3%)`
CMYK	81, 43, 0, 5
HSL	211.8°, 89.1, 56.9	`hsl(211.8,89.1%,56.9%)`
HSV (or HSB)	211.8°, 80.7, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.596, 9.741, -59.63
XYZ	26.579, 25.538, 88.318
xyY	0.189, 0.182, 25.538
CIE-LCH	57.596, 60.42, 279.277
CIE-LUV	57.596, -30.133, -95.56
Hunter-Lab	50.536, 5.444, -68.242
Binary	00101111, 10001011, 11110011

#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#f3972f
```
#f3972f rgb(243,151,47)
```

Complementary Color

#2fedf3
```
#2fedf3 rgb(47,237,243)
```
#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#352ff3
```
#352ff3 rgb(53,47,243)
```

Analogous Color

#edf32f
```
#edf32f rgb(237,243,47)
```
#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#f3352f
```
#f3352f rgb(243,53,47)
```

Split Complementary Color

#8bf32f
```
#8bf32f rgb(139,243,47)
```
#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#f32f8b
```
#f32f8b rgb(243,47,139)
```

Triadic Color

#2ff397
```
#2ff397 rgb(47,243,151)
```
#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#f32f8b
```
#f32f8b rgb(243,47,139)
```
#f3972f
```
#f3972f rgb(243,151,47)
```

Tetradic Color

#0c65ca
```
#0c65ca rgb(12,101,202)
```
#0d71e2
```
#0d71e2 rgb(13,113,226)
```
#177ef2
```
#177ef2 rgb(23,126,242)
```
#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#4798f4
```
#4798f4 rgb(71,152,244)
```
#5fa6f6
```
#5fa6f6 rgb(95,166,246)
```
#77b3f7
```
#77b3f7 rgb(119,179,247)
```

Monochromatic Color

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

#2fbcf3
```
#2fbcf3 rgb(47,188,243)
```
#2facf3
```
#2facf3 rgb(47,172,243)
```
#2f9bf3
```
#2f9bf3 rgb(47,155,243)
```
#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#2f7bf3
```
#2f7bf3 rgb(47,123,243)
```
#2f6af3
```
#2f6af3 rgb(47,106,243)
```
#2f5af3
```
#2f5af3 rgb(47,90,243)
```

Similar Colors

Text with hexadecimal color #2f8bf3

This text has a font color of #2f8bf3.

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

#2f8bf3 background color

This paragraph has a background color of #2f8bf3.

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

#2f8bf3 border color

This element has a border color of #2f8bf3.

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

CSS codes

.text {color:#2f8bf3;}

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

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

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, #01070f is the darkest color, while #fbfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#021121
```
#021121 rgb(2,17,33)
```
#031a34
```
#031a34 rgb(3,26,52)
```
#042346
```
#042346 rgb(4,35,70)
```
#052c59
```
#052c59 rgb(5,44,89)
```
#06366b
```
#06366b rgb(6,54,107)
```
#073f7e
```
#073f7e rgb(7,63,126)
```
#084890
```
#084890 rgb(8,72,144)
```
#0951a3
```
#0951a3 rgb(9,81,163)
```
#0a5bb5
```
#0a5bb5 rgb(10,91,181)
```
#0c64c8
```
#0c64c8 rgb(12,100,200)
```
#0d6ddb
```
#0d6ddb rgb(13,109,219)
```
#0e77ed
```
#0e77ed rgb(14,119,237)
```

Shade Color Variation

#1c81f2
```
#1c81f2 rgb(28,129,242)
```
#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#4295f4
```
#4295f4 rgb(66,149,244)
```
#54a0f5
```
#54a0f5 rgb(84,160,245)
```
#67aaf6
```
#67aaf6 rgb(103,170,246)
```
#79b4f7
```
#79b4f7 rgb(121,180,247)
```
#8cbff8
```
#8cbff8 rgb(140,191,248)
```
#9ec9f9
```
#9ec9f9 rgb(158,201,249)
```
#b1d3fa
```
#b1d3fa rgb(177,211,250)
```
#c3defc
```
#c3defc rgb(195,222,252)
```
#d6e8fd
```
#d6e8fd rgb(214,232,253)
```
#e8f2fe
```
#e8f2fe rgb(232,242,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#8c9196
```
#8c9196 rgb(140,145,150)
```
#84909e
```
#84909e rgb(132,144,158)
```
#7b90a7
```
#7b90a7 rgb(123,144,167)
```
#738faf
```
#738faf rgb(115,143,175)
```
#6a8fb8
```
#6a8fb8 rgb(106,143,184)
```
#628ec0
```
#628ec0 rgb(98,142,192)
```
#598ec9
```
#598ec9 rgb(89,142,201)
```
#518dd1
```
#518dd1 rgb(81,141,209)
```
#488dda
```
#488dda rgb(72,141,218)
```
#408ce2
```
#408ce2 rgb(64,140,226)
```
#378ceb
```
#378ceb rgb(55,140,235)
```
#2f8bf3
```
#2f8bf3 rgb(47,139,243)
```
#278afb
```
#278afb rgb(39,138,251)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c7e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8df0 Protanopia 1% of men
#2392f2 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#4d8cf1 Protanomaly 1% of men, 0.01% of women
#278ff2 Deuteranomaly 6% of men, 0.4% of women
#1197c3 Tritanomaly 0.01% of the population

#2f8bf3 hex color

#2f8bf3 Color Information

#2f8bf3 Color Conversion

Color Schemes with #2f8bf3

Alternatives to #2f8bf3

#2f8bf3 Preview

Shades and Tints of #2f8bf3

Tones of #2f8bf3

Color Blindness Simulator