#2c6aed hex color

In a RGB color space, hex #2c6aed is composed of 17.3% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 220.7 degrees, a saturation of 84.3% and a lightness of 55.1%. #2c6aed color hex could be obtained by blending #58d4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 42
- B 93
RGB color chart
- C 81
- M 55
- Y 0
- K 7
CMYK color chart

● #2c6aed color description : Bright blue.

The hexadecimal color #2c6aed has RGB values of R:44, G:106, B:237 and CMYK values of C:0.81, M:0.55, Y:0, K:0.07. Its decimal value is 2910957.

Hex triplet	2c6aed	`#2c6aed`
RGB Decimal	44, 106, 237	`rgb(44,106,237)`
RGB Percent	17.3, 41.6, 92.9	`rgb(17.3%,41.6%,92.9%)`
CMYK	81, 55, 0, 7
HSL	220.7°, 84.3, 55.1	`hsl(220.7,84.3%,55.1%)`
HSV (or HSB)	220.7°, 81.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.205, 27.791, -71.454
XYZ	21.476, 16.956, 82.257
xyY	0.178, 0.14, 16.956
CIE-LCH	48.205, 76.668, 291.252
CIE-LUV	48.205, -20.97, -110.492
Hunter-Lab	41.178, 21.031, -89.613
Binary	00101100, 01101010, 11101101

#2c6aed
```
#2c6aed rgb(44,106,237)
```
#edaf2c
```
#edaf2c rgb(237,175,44)
```

Complementary Color

#2ccbed
```
#2ccbed rgb(44,203,237)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```
#4e2ced
```
#4e2ced rgb(78,44,237)
```

Analogous Color

#cbed2c
```
#cbed2c rgb(203,237,44)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```
#ed4e2c
```
#ed4e2c rgb(237,78,44)
```

Split Complementary Color

#6aed2c
```
#6aed2c rgb(106,237,44)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```
#ed2c6a
```
#ed2c6a rgb(237,44,106)
```

Triadic Color

#2cedaf
```
#2cedaf rgb(44,237,175)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```
#ed2c6a
```
#ed2c6a rgb(237,44,106)
```
#edaf2c
```
#edaf2c rgb(237,175,44)
```

Tetradic Color

#1047bc
```
#1047bc rgb(16,71,188)
```
#1250d4
```
#1250d4 rgb(18,80,212)
```
#1559eb
```
#1559eb rgb(21,89,235)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```
#437bef
```
#437bef rgb(67,123,239)
```
#5b8bf1
```
#5b8bf1 rgb(91,139,241)
```
#729cf3
```
#729cf3 rgb(114,156,243)
```

Monochromatic Color

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

#2c9aed
```
#2c9aed rgb(44,154,237)
```
#2c8aed
```
#2c8aed rgb(44,138,237)
```
#2c7aed
```
#2c7aed rgb(44,122,237)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```
#2c5aed
```
#2c5aed rgb(44,90,237)
```
#2c4aed
```
#2c4aed rgb(44,74,237)
```
#2c3aed
```
#2c3aed rgb(44,58,237)
```

Similar Colors

Text with hexadecimal color #2c6aed

This text has a font color of #2c6aed.

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

#2c6aed background color

This paragraph has a background color of #2c6aed.

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

#2c6aed border color

This element has a border color of #2c6aed.

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

CSS codes

.text {color:#2c6aed;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#020918
```
#020918 rgb(2,9,24)
```
#04102a
```
#04102a rgb(4,16,42)
```
#05173c
```
#05173c rgb(5,23,60)
```
#071e4e
```
#071e4e rgb(7,30,78)
```
#082460
```
#082460 rgb(8,36,96)
```
#0a2b72
```
#0a2b72 rgb(10,43,114)
```
#0b3284
```
#0b3284 rgb(11,50,132)
```
#0d3996
```
#0d3996 rgb(13,57,150)
```
#0e40a9
```
#0e40a9 rgb(14,64,169)
```
#1047bb
```
#1047bb rgb(16,71,187)
```
#114ecd
```
#114ecd rgb(17,78,205)
```
#1354df
```
#1354df rgb(19,84,223)
```

Shade Color Variation

#1a5deb
```
#1a5deb rgb(26,93,235)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```
#3e77ef
```
#3e77ef rgb(62,119,239)
```
#5084f0
```
#5084f0 rgb(80,132,240)
```
#6290f2
```
#6290f2 rgb(98,144,242)
```
#749df3
```
#749df3 rgb(116,157,243)
```
#86aaf5
```
#86aaf5 rgb(134,170,245)
```
#98b7f6
```
#98b7f6 rgb(152,183,246)
```
#abc3f8
```
#abc3f8 rgb(171,195,248)
```
#bdd0f9
```
#bdd0f9 rgb(189,208,249)
```
#cfddfb
```
#cfddfb rgb(207,221,251)
```
#e1eafc
```
#e1eafc rgb(225,234,252)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

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

#848995
```
#848995 rgb(132,137,149)
```
#7b869e
```
#7b869e rgb(123,134,158)
```
#7283a7
```
#7283a7 rgb(114,131,167)
```
#6a80af
```
#6a80af rgb(106,128,175)
```
#617db8
```
#617db8 rgb(97,125,184)
```
#587ac1
```
#587ac1 rgb(88,122,193)
```
#4f77ca
```
#4f77ca rgb(79,119,202)
```
#4673d3
```
#4673d3 rgb(70,115,211)
```
#3e70db
```
#3e70db rgb(62,112,219)
```
#356de4
```
#356de4 rgb(53,109,228)
```
#2c6aed
```
#2c6aed rgb(44,106,237)
```
#2367f6
```
#2367f6 rgb(35,103,246)
```
#1a64ff
```
#1a64ff rgb(26,100,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#1071e9 Protanomaly 1% of men, 0.01% of women
#1075d6 Deuteranomaly 6% of men, 0.4% of women
#107bb0 Tritanomaly 0.01% of the population

#2c6aed hex color

#2c6aed Color Information

#2c6aed Color Conversion

Color Schemes with #2c6aed

Alternatives to #2c6aed

#2c6aed Preview

Shades and Tints of #2c6aed

Tones of #2c6aed

Color Blindness Simulator