#2f93ed hex color

In a RGB color space, hex #2f93ed is composed of 18.4% red, 57.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 38% magenta, 0% yellow and 7.1% black. It has a hue angle of 208.4 degrees, a saturation of 84.1% and a lightness of 55.7%. #2f93ed color hex could be obtained by blending #5effff with #0027db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 58
- B 93
RGB color chart
- C 80
- M 38
- Y 0
- K 7
CMYK color chart

● #2f93ed color description : Bright blue.

The hexadecimal color #2f93ed has RGB values of R:47, G:147, B:237 and CMYK values of C:0.8, M:0.38, Y:0, K:0.07. Its decimal value is 3118061.

Hex triplet	2f93ed	`#2f93ed`
RGB Decimal	47, 147, 237	`rgb(47,147,237)`
RGB Percent	18.4, 57.6, 92.9	`rgb(18.4%,57.6%,92.9%)`
CMYK	80, 38, 0, 7
HSL	208.4°, 84.1, 55.7	`hsl(208.4,84.1%,55.7%)`
HSV (or HSB)	208.4°, 80.2, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.511, 2.753, -53.255
XYZ	26.888, 27.584, 84.023
xyY	0.194, 0.199, 27.584
CIE-LCH	59.511, 53.326, 272.959
CIE-LUV	59.511, -32.939, -85.068
Hunter-Lab	52.52, -0.525, -58.089
Binary	00101111, 10010011, 11101101

#2f93ed
```
#2f93ed rgb(47,147,237)
```
#ed892f
```
#ed892f rgb(237,137,47)
```

Complementary Color

#2fede8
```
#2fede8 rgb(47,237,232)
```
#2f93ed
```
#2f93ed rgb(47,147,237)
```
#2f34ed
```
#2f34ed rgb(47,52,237)
```

Analogous Color

#ede82f
```
#ede82f rgb(237,232,47)
```
#2f93ed
```
#2f93ed rgb(47,147,237)
```
#ed2f34
```
#ed2f34 rgb(237,47,52)
```

Split Complementary Color

#93ed2f
```
#93ed2f rgb(147,237,47)
```
#2f93ed
```
#2f93ed rgb(47,147,237)
```
#ed2f93
```
#ed2f93 rgb(237,47,147)
```

Triadic Color

#2fed89
```
#2fed89 rgb(47,237,137)
```
#2f93ed
```
#2f93ed rgb(47,147,237)
```
#ed2f93
```
#ed2f93 rgb(237,47,147)
```
#ed892f
```
#ed892f rgb(237,137,47)
```

Tetradic Color

#116cbf
```
#116cbf rgb(17,108,191)
```
#137ad6
```
#137ad6 rgb(19,122,214)
```
#1887eb
```
#1887eb rgb(24,135,235)
```
#2f93ed
```
#2f93ed rgb(47,147,237)
```
#469fef
```
#469fef rgb(70,159,239)
```
#5eabf1
```
#5eabf1 rgb(94,171,241)
```
#75b8f3
```
#75b8f3 rgb(117,184,243)
```

Monochromatic Color

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

#2fc3ed
```
#2fc3ed rgb(47,195,237)
```
#2fb3ed
```
#2fb3ed rgb(47,179,237)
```
#2fa3ed
```
#2fa3ed rgb(47,163,237)
```
#2f93ed
```
#2f93ed rgb(47,147,237)
```
#2f83ed
```
#2f83ed rgb(47,131,237)
```
#2f73ed
```
#2f73ed rgb(47,115,237)
```
#2f64ed
```
#2f64ed rgb(47,100,237)
```

Similar Colors

Text with hexadecimal color #2f93ed

This text has a font color of #2f93ed.

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

#2f93ed background color

This paragraph has a background color of #2f93ed.

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

#2f93ed border color

This element has a border color of #2f93ed.

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

CSS codes

.text {color:#2f93ed;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#020f1b
```
#020f1b rgb(2,15,27)
```
#04192d
```
#04192d rgb(4,25,45)
```
#05243f
```
#05243f rgb(5,36,63)
```
#072e51
```
#072e51 rgb(7,46,81)
```
#093863
```
#093863 rgb(9,56,99)
```
#0a4275
```
#0a4275 rgb(10,66,117)
```
#0c4d87
```
#0c4d87 rgb(12,77,135)
```
#0d5799
```
#0d5799 rgb(13,87,153)
```
#0f61ab
```
#0f61ab rgb(15,97,171)
```
#106bbd
```
#106bbd rgb(16,107,189)
```
#1276cf
```
#1276cf rgb(18,118,207)
```
#1380e1
```
#1380e1 rgb(19,128,225)
```

Shade Color Variation

#1d8aeb
```
#1d8aeb rgb(29,138,235)
```
#2f93ed
```
#2f93ed rgb(47,147,237)
```
#419cef
```
#419cef rgb(65,156,239)
```
#53a6f0
```
#53a6f0 rgb(83,166,240)
```
#65aff2
```
#65aff2 rgb(101,175,242)
```
#77b8f3
```
#77b8f3 rgb(119,184,243)
```
#89c2f5
```
#89c2f5 rgb(137,194,245)
```
#9bcbf6
```
#9bcbf6 rgb(155,203,246)
```
#add5f8
```
#add5f8 rgb(173,213,248)
```
#bfdef9
```
#bfdef9 rgb(191,222,249)
```
#d1e7fb
```
#d1e7fb rgb(209,231,251)
```
#e4f1fd
```
#e4f1fd rgb(228,241,253)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#868e96
```
#868e96 rgb(134,142,150)
```
#7d8f9f
```
#7d8f9f rgb(125,143,159)
```
#758fa7
```
#758fa7 rgb(117,143,167)
```
#6c90b0
```
#6c90b0 rgb(108,144,176)
```
#6390b9
```
#6390b9 rgb(99,144,185)
```
#5a91c2
```
#5a91c2 rgb(90,145,194)
```
#5291ca
```
#5291ca rgb(82,145,202)
```
#4992d3
```
#4992d3 rgb(73,146,211)
```
#4092dc
```
#4092dc rgb(64,146,220)
```
#3893e4
```
#3893e4 rgb(56,147,228)
```
#2f93ed
```
#2f93ed rgb(47,147,237)
```
#2693f6
```
#2693f6 rgb(38,147,246)
```
#1e94fe
```
#1e94fe rgb(30,148,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f92e8 Protanopia 1% of men
#4f96ee Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#5892ea Protanomaly 1% of men, 0.01% of women
#4395ee Deuteranomaly 6% of men, 0.4% of women
#119dc5 Tritanomaly 0.01% of the population

#2f93ed hex color

#2f93ed Color Information

#2f93ed Color Conversion

Color Schemes with #2f93ed

Alternatives to #2f93ed

#2f93ed Preview

Shades and Tints of #2f93ed

Tones of #2f93ed

Color Blindness Simulator