#2c93f9 hex color

In a RGB color space, hex #2c93f9 is composed of 17.3% red, 57.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 41% magenta, 0% yellow and 2.4% black. It has a hue angle of 209.9 degrees, a saturation of 94.5% and a lightness of 57.5%. #2c93f9 color hex could be obtained by blending #58ffff with #0027f3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 58
- B 98
RGB color chart
- C 82
- M 41
- Y 0
- K 2
CMYK color chart

● #2c93f9 color description : Bright blue.

The hexadecimal color #2c93f9 has RGB values of R:44, G:147, B:249 and CMYK values of C:0.82, M:0.41, Y:0, K:0.02. Its decimal value is 2921465.

Hex triplet	2c93f9	`#2c93f9`
RGB Decimal	44, 147, 249	`rgb(44,147,249)`
RGB Percent	17.3, 57.6, 97.6	`rgb(17.3%,57.6%,97.6%)`
CMYK	82, 41, 0, 2
HSL	209.9°, 94.5, 57.5	`hsl(209.9,94.5%,57.5%)`
HSV (or HSB)	209.9°, 82.3, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.105, 6.886, -58.926
XYZ	28.567, 28.24, 93.563
xyY	0.19, 0.188, 28.24
CIE-LCH	60.105, 59.327, 276.665
CIE-LUV	60.105, -32.752, -94.958
Hunter-Lab	53.141, 2.959, -67.189
Binary	00101100, 10010011, 11111001

#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#f9922c
```
#f9922c rgb(249,146,44)
```

Complementary Color

#2cf9f9
```
#2cf9f9 rgb(44,249,249)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#2c2df9
```
#2c2df9 rgb(44,45,249)
```

Analogous Color

#f9f92c
```
#f9f92c rgb(249,249,44)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#f92c2c
```
#f92c2c rgb(249,44,44)
```

Split Complementary Color

#93f92c
```
#93f92c rgb(147,249,44)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#f92c93
```
#f92c93 rgb(249,44,147)
```

Triadic Color

#2cf992
```
#2cf992 rgb(44,249,146)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#f92c93
```
#f92c93 rgb(249,44,147)
```
#f9922c
```
#f9922c rgb(249,146,44)
```

Tetradic Color

#066dd3
```
#066dd3 rgb(6,109,211)
```
#077aeb
```
#077aeb rgb(7,122,235)
```
#1386f8
```
#1386f8 rgb(19,134,248)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#45a0fa
```
#45a0fa rgb(69,160,250)
```
#5eacfa
```
#5eacfa rgb(94,172,250)
```
#76b9fb
```
#76b9fb rgb(118,185,251)
```

Monochromatic Color

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

#2cc6f9
```
#2cc6f9 rgb(44,198,249)
```
#2cb5f9
```
#2cb5f9 rgb(44,181,249)
```
#2ca4f9
```
#2ca4f9 rgb(44,164,249)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#2c82f9
```
#2c82f9 rgb(44,130,249)
```
#2c71f9
```
#2c71f9 rgb(44,113,249)
```
#2c60f9
```
#2c60f9 rgb(44,96,249)
```

Similar Colors

Text with hexadecimal color #2c93f9

This text has a font color of #2c93f9.

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

#2c93f9 background color

This paragraph has a background color of #2c93f9.

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

#2c93f9 border color

This element has a border color of #2c93f9.

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

CSS codes

.text {color:#2c93f9;}

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

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

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)
```
#011325
```
#011325 rgb(1,19,37)
```
#021d38
```
#021d38 rgb(2,29,56)
```
#02274b
```
#02274b rgb(2,39,75)
```
#03315e
```
#03315e rgb(3,49,94)
```
#033a71
```
#033a71 rgb(3,58,113)
```
#044484
```
#044484 rgb(4,68,132)
```
#044e97
```
#044e97 rgb(4,78,151)
```
#0558aa
```
#0558aa rgb(5,88,170)
```
#0562be
```
#0562be rgb(5,98,190)
```
#066cd1
```
#066cd1 rgb(6,108,209)
```
#0676e4
```
#0676e4 rgb(6,118,228)
```
#077ff7
```
#077ff7 rgb(7,127,247)
```

Shade Color Variation

#1989f8
```
#1989f8 rgb(25,137,248)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```
#3f9dfa
```
#3f9dfa rgb(63,157,250)
```
#52a7fa
```
#52a7fa rgb(82,167,250)
```
#65b0fb
```
#65b0fb rgb(101,176,251)
```
#78bafb
```
#78bafb rgb(120,186,251)
```
#8bc4fc
```
#8bc4fc rgb(139,196,252)
```
#9ecefc
```
#9ecefc rgb(158,206,252)
```
#b2d7fd
```
#b2d7fd rgb(178,215,253)
```
#c5e1fd
```
#c5e1fd rgb(197,225,253)
```
#d8ebfe
```
#d8ebfe rgb(216,235,254)
```
#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, #909395 is the less saturated color, while #2c93f9 is the most saturated one.

#909395
```
#909395 rgb(144,147,149)
```
#88939d
```
#88939d rgb(136,147,157)
```
#7f93a6
```
#7f93a6 rgb(127,147,166)
```
#7793ae
```
#7793ae rgb(119,147,174)
```
#6f93b6
```
#6f93b6 rgb(111,147,182)
```
#6693bf
```
#6693bf rgb(102,147,191)
```
#5e93c7
```
#5e93c7 rgb(94,147,199)
```
#5693cf
```
#5693cf rgb(86,147,207)
```
#4d93d8
```
#4d93d8 rgb(77,147,216)
```
#4593e0
```
#4593e0 rgb(69,147,224)
```
#3d93e8
```
#3d93e8 rgb(61,147,232)
```
#3493f1
```
#3493f1 rgb(52,147,241)
```
#2c93f9
```
#2c93f9 rgb(44,147,249)
```

Tone Color Variation

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

Dichromacy

#6893f4 Protanopia 1% of men
#3898f9 Deuteranopia 1% of men
#00a5af Tritanopia 0.001% of the population

Trichromacy

#5293f6 Protanomaly 1% of men, 0.01% of women
#3496f9 Deuteranomaly 6% of men, 0.4% of women
#109eca Tritanomaly 0.01% of the population

#2c93f9 hex color

#2c93f9 Color Information

#2c93f9 Color Conversion

Color Schemes with #2c93f9

Alternatives to #2c93f9

#2c93f9 Preview

Shades and Tints of #2c93f9

Tones of #2c93f9

Color Blindness Simulator