#2c61f2 hex color

In a RGB color space, hex #2c61f2 is composed of 17.3% red, 38% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 59.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 223.9 degrees, a saturation of 88.4% and a lightness of 56.1%. #2c61f2 color hex could be obtained by blending #58c2ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 38
- B 95
RGB color chart
- C 82
- M 60
- Y 0
- K 5
CMYK color chart

● #2c61f2 color description : Bright blue.

The hexadecimal color #2c61f2 has RGB values of R:44, G:97, B:242 and CMYK values of C:0.82, M:0.6, Y:0, K:0.05. Its decimal value is 2908658.

Hex triplet	2c61f2	`#2c61f2`
RGB Decimal	44, 97, 242	`rgb(44,97,242)`
RGB Percent	17.3, 38, 94.9	`rgb(17.3%,38%,94.9%)`
CMYK	82, 60, 0, 5
HSL	223.9°, 88.4, 56.1	`hsl(223.9,88.4%,56.1%)`
HSV (or HSB)	223.9°, 81.8, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.304, 35.33, -77.358
XYZ	21.337, 15.494, 85.866
xyY	0.174, 0.126, 15.494
CIE-LCH	46.304, 85.044, 294.547
CIE-LUV	46.304, -18.619, -117.759
Hunter-Lab	39.362, 27.874, -101.782
Binary	00101100, 01100001, 11110010

#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#f2bd2c
```
#f2bd2c rgb(242,189,44)
```

Complementary Color

#2cc4f2
```
#2cc4f2 rgb(44,196,242)
```
#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#5a2cf2
```
#5a2cf2 rgb(90,44,242)
```

Analogous Color

#c4f22c
```
#c4f22c rgb(196,242,44)
```
#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#f25a2c
```
#f25a2c rgb(242,90,44)
```

Split Complementary Color

#61f22c
```
#61f22c rgb(97,242,44)
```
#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#f22c61
```
#f22c61 rgb(242,44,97)
```

Triadic Color

#2cf2bd
```
#2cf2bd rgb(44,242,189)
```
#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#f22c61
```
#f22c61 rgb(242,44,97)
```
#f2bd2c
```
#f2bd2c rgb(242,189,44)
```

Tetradic Color

#0c3ec5
```
#0c3ec5 rgb(12,62,197)
```
#0e45dd
```
#0e45dd rgb(14,69,221)
```
#144ff1
```
#144ff1 rgb(20,79,241)
```
#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#4473f3
```
#4473f3 rgb(68,115,243)
```
#5c85f5
```
#5c85f5 rgb(92,133,245)
```
#7497f6
```
#7497f6 rgb(116,151,246)
```

Monochromatic Color

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

#2c93f2
```
#2c93f2 rgb(44,147,242)
```
#2c82f2
```
#2c82f2 rgb(44,130,242)
```
#2c72f2
```
#2c72f2 rgb(44,114,242)
```
#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#2c51f2
```
#2c51f2 rgb(44,81,242)
```
#2c40f2
```
#2c40f2 rgb(44,64,242)
```
#2c30f2
```
#2c30f2 rgb(44,48,242)
```

Similar Colors

Text with hexadecimal color #2c61f2

This text has a font color of #2c61f2.

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

#2c61f2 background color

This paragraph has a background color of #2c61f2.

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

#2c61f2 border color

This element has a border color of #2c61f2.

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

CSS codes

.text {color:#2c61f2;}

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

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

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, #01030b is the darkest color, while #f7f9ff is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#02091d
```
#02091d rgb(2,9,29)
```
#030f30
```
#030f30 rgb(3,15,48)
```
#041542
```
#041542 rgb(4,21,66)
```
#051a55
```
#051a55 rgb(5,26,85)
```
#062067
```
#062067 rgb(6,32,103)
```
#07267a
```
#07267a rgb(7,38,122)
```
#092c8c
```
#092c8c rgb(9,44,140)
```
#0a329f
```
#0a329f rgb(10,50,159)
```
#0b37b1
```
#0b37b1 rgb(11,55,177)
```
#0c3dc3
```
#0c3dc3 rgb(12,61,195)
```
#0d43d6
```
#0d43d6 rgb(13,67,214)
```
#0e49e8
```
#0e49e8 rgb(14,73,232)
```

Shade Color Variation

#1a53f1
```
#1a53f1 rgb(26,83,241)
```
#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#3e6ff3
```
#3e6ff3 rgb(62,111,243)
```
#517df4
```
#517df4 rgb(81,125,244)
```
#638bf5
```
#638bf5 rgb(99,139,245)
```
#7698f7
```
#7698f7 rgb(118,152,247)
```
#88a6f8
```
#88a6f8 rgb(136,166,248)
```
#9bb4f9
```
#9bb4f9 rgb(155,180,249)
```
#adc2fa
```
#adc2fa rgb(173,194,250)
```
#c0d0fb
```
#c0d0fb rgb(192,208,251)
```
#d2defc
```
#d2defc rgb(210,222,252)
```
#e5ebfd
```
#e5ebfd rgb(229,235,253)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d93 is the less saturated color, while #235dfb is the most saturated one.

#8b8d93
```
#8b8d93 rgb(139,141,147)
```
#82899c
```
#82899c rgb(130,137,156)
```
#7a85a4
```
#7a85a4 rgb(122,133,164)
```
#7181ad
```
#7181ad rgb(113,129,173)
```
#687db6
```
#687db6 rgb(104,125,182)
```
#6079be
```
#6079be rgb(96,121,190)
```
#5775c7
```
#5775c7 rgb(87,117,199)
```
#4e71d0
```
#4e71d0 rgb(78,113,208)
```
#466dd8
```
#466dd8 rgb(70,109,216)
```
#3d69e1
```
#3d69e1 rgb(61,105,225)
```
#3565e9
```
#3565e9 rgb(53,101,233)
```
#2c61f2
```
#2c61f2 rgb(44,97,242)
```
#235dfb
```
#235dfb rgb(35,93,251)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#57627f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#106be5 Protanomaly 1% of men, 0.01% of women
#106fd3 Deuteranomaly 6% of men, 0.4% of women
#1075ae Tritanomaly 0.01% of the population

#2c61f2 hex color

#2c61f2 Color Information

#2c61f2 Color Conversion

Color Schemes with #2c61f2

Alternatives to #2c61f2

#2c61f2 Preview

Shades and Tints of #2c61f2

Tones of #2c61f2

Color Blindness Simulator