#2c73f6 hex color

In a RGB color space, hex #2c73f6 is composed of 17.3% red, 45.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 53.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 218.9 degrees, a saturation of 91.8% and a lightness of 56.9%. #2c73f6 color hex could be obtained by blending #58e6ff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 45
- B 96
RGB color chart
- C 82
- M 53
- Y 0
- K 4
CMYK color chart

● #2c73f6 color description : Bright blue.

The hexadecimal color #2c73f6 has RGB values of R:44, G:115, B:246 and CMYK values of C:0.82, M:0.53, Y:0, K:0.04. Its decimal value is 2913270.

Hex triplet	2c73f6	`#2c73f6`
RGB Decimal	44, 115, 246	`rgb(44,115,246)`
RGB Percent	17.3, 45.1, 96.5	`rgb(17.3%,45.1%,96.5%)`
CMYK	82, 53, 0, 4
HSL	218.9°, 91.8, 56.9	`hsl(218.9,91.8%,56.9%)`
HSV (or HSB)	218.9°, 82.1, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.208, 25.46, -71.6
XYZ	23.8, 19.449, 89.683
xyY	0.179, 0.146, 19.449
CIE-LCH	51.208, 75.992, 289.575
CIE-LUV	51.208, -23.291, -112.445
Hunter-Lab	44.101, 19.156, -89.701
Binary	00101100, 01110011, 11110110

#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#f6af2c
```
#f6af2c rgb(246,175,44)
```

Complementary Color

#2cd8f6
```
#2cd8f6 rgb(44,216,246)
```
#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#4a2cf6
```
#4a2cf6 rgb(74,44,246)
```

Analogous Color

#d8f62c
```
#d8f62c rgb(216,246,44)
```
#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#f64a2c
```
#f64a2c rgb(246,74,44)
```

Split Complementary Color

#73f62c
```
#73f62c rgb(115,246,44)
```
#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#f62c73
```
#f62c73 rgb(246,44,115)
```

Triadic Color

#2cf6af
```
#2cf6af rgb(44,246,175)
```
#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#f62c73
```
#f62c73 rgb(246,44,115)
```
#f6af2c
```
#f6af2c rgb(246,175,44)
```

Tetradic Color

#094ecd
```
#094ecd rgb(9,78,205)
```
#0a57e5
```
#0a57e5 rgb(10,87,229)
```
#1463f5
```
#1463f5 rgb(20,99,245)
```
#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#4483f7
```
#4483f7 rgb(68,131,247)
```
#5d93f8
```
#5d93f8 rgb(93,147,248)
```
#75a4f9
```
#75a4f9 rgb(117,164,249)
```

Monochromatic Color

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

#2ca6f6
```
#2ca6f6 rgb(44,166,246)
```
#2c95f6
```
#2c95f6 rgb(44,149,246)
```
#2c84f6
```
#2c84f6 rgb(44,132,246)
```
#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#2c62f6
```
#2c62f6 rgb(44,98,246)
```
#2c51f6
```
#2c51f6 rgb(44,81,246)
```
#2c40f6
```
#2c40f6 rgb(44,64,246)
```

Similar Colors

Text with hexadecimal color #2c73f6

This text has a font color of #2c73f6.

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

#2c73f6 background color

This paragraph has a background color of #2c73f6.

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

#2c73f6 border color

This element has a border color of #2c73f6.

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

CSS codes

.text {color:#2c73f6;}

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

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

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

#01060f
```
#01060f rgb(1,6,15)
```
#010d22
```
#010d22 rgb(1,13,34)
```
#021434
```
#021434 rgb(2,20,52)
```
#031b47
```
#031b47 rgb(3,27,71)
```
#04225a
```
#04225a rgb(4,34,90)
```
#05296d
```
#05296d rgb(5,41,109)
```
#053080
```
#053080 rgb(5,48,128)
```
#063892
```
#063892 rgb(6,56,146)
```
#073fa5
```
#073fa5 rgb(7,63,165)
```
#0846b8
```
#0846b8 rgb(8,70,184)
```
#094dcb
```
#094dcb rgb(9,77,203)
```
#0954de
```
#0954de rgb(9,84,222)
```
#0a5bf1
```
#0a5bf1 rgb(10,91,241)
```

Shade Color Variation

#1967f5
```
#1967f5 rgb(25,103,245)
```
#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#3f7ff7
```
#3f7ff7 rgb(63,127,247)
```
#528cf8
```
#528cf8 rgb(82,140,248)
```
#6498f8
```
#6498f8 rgb(100,152,248)
```
#77a5f9
```
#77a5f9 rgb(119,165,249)
```
#8ab1fa
```
#8ab1fa rgb(138,177,250)
```
#9dbefb
```
#9dbefb rgb(157,190,251)
```
#b0cafc
```
#b0cafc rgb(176,202,252)
```
#c3d7fc
```
#c3d7fc rgb(195,215,252)
```
#d5e3fd
```
#d5e3fd rgb(213,227,253)
```
#e8f0fe
```
#e8f0fe rgb(232,240,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#898f99
```
#898f99 rgb(137,143,153)
```
#818ca1
```
#818ca1 rgb(129,140,161)
```
#788aaa
```
#788aaa rgb(120,138,170)
```
#7087b2
```
#7087b2 rgb(112,135,178)
```
#6785bb
```
#6785bb rgb(103,133,187)
```
#5f82c3
```
#5f82c3 rgb(95,130,195)
```
#5680cc
```
#5680cc rgb(86,128,204)
```
#4e7dd4
```
#4e7dd4 rgb(78,125,212)
```
#457bdd
```
#457bdd rgb(69,123,221)
```
#3d78e5
```
#3d78e5 rgb(61,120,229)
```
#3476ee
```
#3476ee rgb(52,118,238)
```
#2c73f6
```
#2c73f6 rgb(44,115,246)
```
#2470fe
```
#2470fe rgb(36,112,254)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#606e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf5 Protanopia 1% of men
#0083d6 Deuteranopia 1% of men
#008d95 Tritanopia 0.001% of the population

Trichromacy

#1079f5 Protanomaly 1% of men, 0.01% of women
#107de2 Deuteranomaly 6% of men, 0.4% of women
#1083b8 Tritanomaly 0.01% of the population

#2c73f6 hex color

#2c73f6 Color Information

#2c73f6 Color Conversion

Color Schemes with #2c73f6

Alternatives to #2c73f6

#2c73f6 Preview

Shades and Tints of #2c73f6

Tones of #2c73f6

Color Blindness Simulator