colorhexa.com

#2c61de hex color

In a RGB color space, hex #2c61de is composed of 17.3% red, 38% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 56.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 222.1 degrees, a saturation of 73% and a lightness of 52.2%. #2c61de color hex could be obtained by blending #58c2ff with #0000bd. Closest websafe color is: #3366cc.

- R 17
- G 38
- B 87
RGB color chart
- C 80
- M 56
- Y 0
- K 13
CMYK color chart

● #2c61de color description : Bright blue.

The hexadecimal color #2c61de has RGB values of R:44, G:97, B:222 and CMYK values of C:0.8, M:0.56, Y:0, K:0.13. Its decimal value is 2908638.

Hex triplet	2c61de	`#2c61de`
RGB Decimal	44, 97, 222	`rgb(44,97,222)`
RGB Percent	17.3, 38, 87.1	`rgb(17.3%,38%,87.1%)`
CMYK	80, 56, 0, 13
HSL	222.1°, 73, 52.2	`hsl(222.1,73%,52.2%)`
HSV (or HSB)	222.1°, 80.2, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.741, 27.927, -68.624
XYZ	18.495, 14.357, 70.9
xyY	0.178, 0.138, 14.357
CIE-LCH	44.741, 74.089, 292.144
CIE-LUV	44.741, -18.71, -104.097
Hunter-Lab	37.891, 20.82, -84.416
Binary	00101100, 01100001, 11011110

#2c61de
```
#2c61de rgb(44,97,222)
```
#dea92c
```
#dea92c rgb(222,169,44)
```

Complementary Color

#2cbade
```
#2cbade rgb(44,186,222)
```
#2c61de
```
#2c61de rgb(44,97,222)
```
#502cde
```
#502cde rgb(80,44,222)
```

Analogous Color

#bade2c
```
#bade2c rgb(186,222,44)
```
#2c61de
```
#2c61de rgb(44,97,222)
```
#de502c
```
#de502c rgb(222,80,44)
```

Split Complementary Color

#61de2c
```
#61de2c rgb(97,222,44)
```
#2c61de
```
#2c61de rgb(44,97,222)
```
#de2c61
```
#de2c61 rgb(222,44,97)
```

Triadic Color

#2cdea9
```
#2cdea9 rgb(44,222,169)
```
#2c61de
```
#2c61de rgb(44,97,222)
```
#de2c61
```
#de2c61 rgb(222,44,97)
```
#dea92c
```
#dea92c rgb(222,169,44)
```

Tetradic Color

#1a43a4
```
#1a43a4 rgb(26,67,164)
```
#1d4cba
```
#1d4cba rgb(29,76,186)
```
#2155d0
```
#2155d0 rgb(33,85,208)
```
#2c61de
```
#2c61de rgb(44,97,222)
```
#4272e1
```
#4272e1 rgb(66,114,225)
```
#5882e5
```
#5882e5 rgb(88,130,229)
```
#6e93e8
```
#6e93e8 rgb(110,147,232)
```

Monochromatic Color

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

#2c8ede
```
#2c8ede rgb(44,142,222)
```
#2c7fde
```
#2c7fde rgb(44,127,222)
```
#2c70de
```
#2c70de rgb(44,112,222)
```
#2c61de
```
#2c61de rgb(44,97,222)
```
#2c52de
```
#2c52de rgb(44,82,222)
```
#2c43de
```
#2c43de rgb(44,67,222)
```
#2c35de
```
#2c35de rgb(44,53,222)
```

Similar Colors

Text with hexadecimal color #2c61de

This text has a font color of #2c61de.

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

#2c61de background color

This paragraph has a background color of #2c61de.

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

#2c61de border color

This element has a border color of #2c61de.

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

CSS codes

.text {color:#2c61de;}

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

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

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, #01040a is the darkest color, while #f8f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#040b1a
```
#040b1a rgb(4,11,26)
```
#07122b
```
#07122b rgb(7,18,43)
```
#09193c
```
#09193c rgb(9,25,60)
```
#0c204d
```
#0c204d rgb(12,32,77)
```
#0f265e
```
#0f265e rgb(15,38,94)
```
#112d6f
```
#112d6f rgb(17,45,111)
```
#143480
```
#143480 rgb(20,52,128)
```
#173b91
```
#173b91 rgb(23,59,145)
```
#1942a2
```
#1942a2 rgb(25,66,162)
```
#1c49b3
```
#1c49b3 rgb(28,73,179)
```
#1f50c4
```
#1f50c4 rgb(31,80,196)
```
#2157d5
```
#2157d5 rgb(33,87,213)
```

Shade Color Variation

#2c61de
```
#2c61de rgb(44,97,222)
```
#3d6ee1
```
#3d6ee1 rgb(61,110,225)
```
#4e7ae3
```
#4e7ae3 rgb(78,122,227)
```
#5f87e6
```
#5f87e6 rgb(95,135,230)
```
#7094e9
```
#7094e9 rgb(112,148,233)
```
#81a1eb
```
#81a1eb rgb(129,161,235)
```
#92adee
```
#92adee rgb(146,173,238)
```
#a3baf1
```
#a3baf1 rgb(163,186,241)
```
#b4c7f3
```
#b4c7f3 rgb(180,199,243)
```
#c5d3f6
```
#c5d3f6 rgb(197,211,246)
```
#d6e0f9
```
#d6e0f9 rgb(214,224,249)
```
#e7edfb
```
#e7edfb rgb(231,237,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80838a is the less saturated color, while #1056fa is the most saturated one.

#80838a
```
#80838a rgb(128,131,138)
```
#777f93
```
#777f93 rgb(119,127,147)
```
#6e7c9c
```
#6e7c9c rgb(110,124,156)
```
#6478a6
```
#6478a6 rgb(100,120,166)
```
#5b74af
```
#5b74af rgb(91,116,175)
```
#5270b8
```
#5270b8 rgb(82,112,184)
```
#486cc2
```
#486cc2 rgb(72,108,194)
```
#3f69cb
```
#3f69cb rgb(63,105,203)
```
#3565d5
```
#3565d5 rgb(53,101,213)
```
#2c61de
```
#2c61de rgb(44,97,222)
```
#235de7
```
#235de7 rgb(35,93,231)
```
#1959f1
```
#1959f1 rgb(25,89,241)
```
#1056fa
```
#1056fa rgb(16,86,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#555f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1069da Protanomaly 1% of men, 0.01% of women
#106dc8 Deuteranomaly 6% of men, 0.4% of women
#1072a4 Tritanomaly 0.01% of the population