#2f93f6 hex color

In a RGB color space, hex #2f93f6 is composed of 18.4% red, 57.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 40.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 209.8 degrees, a saturation of 91.7% and a lightness of 57.5%. #2f93f6 color hex could be obtained by blending #5effff with #0027ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 58
- B 96
RGB color chart
- C 81
- M 40
- Y 0
- K 4
CMYK color chart

● #2f93f6 color description : Bright blue.

The hexadecimal color #2f93f6 has RGB values of R:47, G:147, B:246 and CMYK values of C:0.81, M:0.4, Y:0, K:0.04. Its decimal value is 3118070.

Hex triplet	2f93f6	`#2f93f6`
RGB Decimal	47, 147, 246	`rgb(47,147,246)`
RGB Percent	18.4, 57.6, 96.5	`rgb(18.4%,57.6%,96.5%)`
CMYK	81, 40, 0, 4
HSL	209.8°, 91.7, 57.5	`hsl(209.8,91.7%,57.5%)`
HSV (or HSB)	209.8°, 80.9, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	60, 6.042, -57.441
XYZ	28.237, 28.123, 91.124
xyY	0.191, 0.191, 28.123
CIE-LCH	60, 57.758, 276.004
CIE-LUV	60, -32.541, -92.411
Hunter-Lab	53.031, 2.238, -64.756
Binary	00101111, 10010011, 11110110

#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#f6922f
```
#f6922f rgb(246,146,47)
```

Complementary Color

#2ff6f6
```
#2ff6f6 rgb(47,246,246)
```
#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#2f30f6
```
#2f30f6 rgb(47,48,246)
```

Analogous Color

#f6f62f
```
#f6f62f rgb(246,246,47)
```
#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#f62f30
```
#f62f30 rgb(246,47,48)
```

Split Complementary Color

#93f62f
```
#93f62f rgb(147,246,47)
```
#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#f62f93
```
#f62f93 rgb(246,47,147)
```

Triadic Color

#2ff692
```
#2ff692 rgb(47,246,146)
```
#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#f62f93
```
#f62f93 rgb(246,47,147)
```
#f6922f
```
#f6922f rgb(246,146,47)
```

Tetradic Color

#096dd0
```
#096dd0 rgb(9,109,208)
```
#0a7ae8
```
#0a7ae8 rgb(10,122,232)
```
#1786f5
```
#1786f5 rgb(23,134,245)
```
#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#47a0f7
```
#47a0f7 rgb(71,160,247)
```
#60acf8
```
#60acf8 rgb(96,172,248)
```
#78b9f9
```
#78b9f9 rgb(120,185,249)
```

Monochromatic Color

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

#2fc5f6
```
#2fc5f6 rgb(47,197,246)
```
#2fb4f6
```
#2fb4f6 rgb(47,180,246)
```
#2fa4f6
```
#2fa4f6 rgb(47,164,246)
```
#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#2f82f6
```
#2f82f6 rgb(47,130,246)
```
#2f72f6
```
#2f72f6 rgb(47,114,246)
```
#2f61f6
```
#2f61f6 rgb(47,97,246)
```

Similar Colors

Text with hexadecimal color #2f93f6

This text has a font color of #2f93f6.

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

#2f93f6 background color

This paragraph has a background color of #2f93f6.

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

#2f93f6 border color

This element has a border color of #2f93f6.

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

CSS codes

.text {color:#2f93f6;}

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

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

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

#010912
```
#010912 rgb(1,9,18)
```
#021324
```
#021324 rgb(2,19,36)
```
#021d37
```
#021d37 rgb(2,29,55)
```
#03274a
```
#03274a rgb(3,39,74)
```
#04315d
```
#04315d rgb(4,49,93)
```
#053a70
```
#053a70 rgb(5,58,112)
```
#064482
```
#064482 rgb(6,68,130)
```
#064e95
```
#064e95 rgb(6,78,149)
```
#0758a8
```
#0758a8 rgb(7,88,168)
```
#0862bb
```
#0862bb rgb(8,98,187)
```
#096cce
```
#096cce rgb(9,108,206)
```
#0a76e0
```
#0a76e0 rgb(10,118,224)
```
#0b7ff3
```
#0b7ff3 rgb(11,127,243)
```

Shade Color Variation

#1c89f5
```
#1c89f5 rgb(28,137,245)
```
#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#429df7
```
#429df7 rgb(66,157,247)
```
#55a7f8
```
#55a7f8 rgb(85,167,248)
```
#67b0f8
```
#67b0f8 rgb(103,176,248)
```
#7abaf9
```
#7abaf9 rgb(122,186,249)
```
#8dc4fa
```
#8dc4fa rgb(141,196,250)
```
#a0cefb
```
#a0cefb rgb(160,206,251)
```
#b3d7fc
```
#b3d7fc rgb(179,215,252)
```
#c5e1fd
```
#c5e1fd rgb(197,225,253)
```
#d8ebfd
```
#d8ebfd rgb(216,235,253)
```
#ebf5fe
```
#ebf5fe rgb(235,245,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8b939a
```
#8b939a rgb(139,147,154)
```
#8293a3
```
#8293a3 rgb(130,147,163)
```
#7a93ab
```
#7a93ab rgb(122,147,171)
```
#7293b3
```
#7293b3 rgb(114,147,179)
```
#6993bc
```
#6993bc rgb(105,147,188)
```
#6193c4
```
#6193c4 rgb(97,147,196)
```
#5993cc
```
#5993cc rgb(89,147,204)
```
#5093d5
```
#5093d5 rgb(80,147,213)
```
#4893dd
```
#4893dd rgb(72,147,221)
```
#4093e5
```
#4093e5 rgb(64,147,229)
```
#3793ee
```
#3793ee rgb(55,147,238)
```
#2f93f6
```
#2f93f6 rgb(47,147,246)
```
#2793fe
```
#2793fe rgb(39,147,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a93f2 Protanopia 1% of men
#4098f6 Deuteranopia 1% of men
#00a5af Tritanopia 0.001% of the population

Trichromacy

#5493f3 Protanomaly 1% of men, 0.01% of women
#3a96f6 Deuteranomaly 6% of men, 0.4% of women
#119ec9 Tritanomaly 0.01% of the population

#2f93f6 hex color

#2f93f6 Color Information

#2f93f6 Color Conversion

Color Schemes with #2f93f6

Alternatives to #2f93f6

#2f93f6 Preview

Shades and Tints of #2f93f6

Tones of #2f93f6

Color Blindness Simulator