#2c66f7 hex color

In a RGB color space, hex #2c66f7 is composed of 17.3% red, 40% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 58.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 222.9 degrees, a saturation of 92.7% and a lightness of 57.1%. #2c66f7 color hex could be obtained by blending #58ccff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 40
- B 97
RGB color chart
- C 82
- M 59
- Y 0
- K 3
CMYK color chart

● #2c66f7 color description : Bright blue.

The hexadecimal color #2c66f7 has RGB values of R:44, G:102, B:247 and CMYK values of C:0.82, M:0.59, Y:0, K:0.03. Its decimal value is 2909943.

Hex triplet	2c66f7	`#2c66f7`
RGB Decimal	44, 102, 247	`rgb(44,102,247)`
RGB Percent	17.3, 40, 96.9	`rgb(17.3%,40%,96.9%)`
CMYK	82, 59, 0, 3
HSL	222.9°, 92.7, 57.1	`hsl(222.9,92.7%,57.1%)`
HSV (or HSB)	222.9°, 82.2, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.946, 34.018, -77.469
XYZ	22.575, 16.752, 90.034
xyY	0.175, 0.129, 16.752
CIE-LCH	47.946, 84.609, 293.707
CIE-LUV	47.946, -19.842, -119.155
Hunter-Lab	40.929, 26.828, -101.774
Binary	00101100, 01100110, 11110111

#2c66f7
```
#2c66f7 rgb(44,102,247)
```
#f7bd2c
```
#f7bd2c rgb(247,189,44)
```

Complementary Color

#2cccf7
```
#2cccf7 rgb(44,204,247)
```
#2c66f7
```
#2c66f7 rgb(44,102,247)
```
#582cf7
```
#582cf7 rgb(88,44,247)
```

Analogous Color

#ccf72c
```
#ccf72c rgb(204,247,44)
```
#2c66f7
```
#2c66f7 rgb(44,102,247)
```
#f7582c
```
#f7582c rgb(247,88,44)
```

Split Complementary Color

#66f72c
```
#66f72c rgb(102,247,44)
```
#2c66f7
```
#2c66f7 rgb(44,102,247)
```
#f72c66
```
#f72c66 rgb(247,44,102)
```

Triadic Color

#2cf7bd
```
#2cf7bd rgb(44,247,189)
```
#2c66f7
```
#2c66f7 rgb(44,102,247)
```
#f72c66
```
#f72c66 rgb(247,44,102)
```
#f7bd2c
```
#f7bd2c rgb(247,189,44)
```

Tetradic Color

#0841cf
```
#0841cf rgb(8,65,207)
```
#0948e7
```
#0948e7 rgb(9,72,231)
```
#1354f6
```
#1354f6 rgb(19,84,246)
```
#2c66f7
```
#2c66f7 rgb(44,102,247)
```
#4578f8
```
#4578f8 rgb(69,120,248)
```
#5d8af9
```
#5d8af9 rgb(93,138,249)
```
#769bfa
```
#769bfa rgb(118,155,250)
```

Monochromatic Color

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

#2c99f7
```
#2c99f7 rgb(44,153,247)
```
#2c88f7
```
#2c88f7 rgb(44,136,247)
```
#2c77f7
```
#2c77f7 rgb(44,119,247)
```
#2c66f7
```
#2c66f7 rgb(44,102,247)
```
#2c55f7
```
#2c55f7 rgb(44,85,247)
```
#2c44f7
```
#2c44f7 rgb(44,68,247)
```
#2c33f7
```
#2c33f7 rgb(44,51,247)
```

Similar Colors

Text with hexadecimal color #2c66f7

This text has a font color of #2c66f7.

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

#2c66f7 background color

This paragraph has a background color of #2c66f7.

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

#2c66f7 border color

This element has a border color of #2c66f7.

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

CSS codes

.text {color:#2c66f7;}

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

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

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

#010510
```
#010510 rgb(1,5,16)
```
#010b23
```
#010b23 rgb(1,11,35)
```
#021136
```
#021136 rgb(2,17,54)
```
#031748
```
#031748 rgb(3,23,72)
```
#031d5b
```
#031d5b rgb(3,29,91)
```
#04226e
```
#04226e rgb(4,34,110)
```
#052881
```
#052881 rgb(5,40,129)
```
#062e94
```
#062e94 rgb(6,46,148)
```
#0634a7
```
#0634a7 rgb(6,52,167)
```
#073aba
```
#073aba rgb(7,58,186)
```
#0840cd
```
#0840cd rgb(8,64,205)
```
#0846e0
```
#0846e0 rgb(8,70,224)
```
#094cf3
```
#094cf3 rgb(9,76,243)
```

Shade Color Variation

#1958f6
```
#1958f6 rgb(25,88,246)
```
#2c66f7
```
#2c66f7 rgb(44,102,247)
```
#3f74f8
```
#3f74f8 rgb(63,116,248)
```
#5281f8
```
#5281f8 rgb(82,129,248)
```
#658ff9
```
#658ff9 rgb(101,143,249)
```
#789dfa
```
#789dfa rgb(120,157,250)
```
#8aabfb
```
#8aabfb rgb(138,171,251)
```
#9db8fb
```
#9db8fb rgb(157,184,251)
```
#b0c6fc
```
#b0c6fc rgb(176,198,252)
```
#c3d4fd
```
#c3d4fd rgb(195,212,253)
```
#d6e1fd
```
#d6e1fd rgb(214,225,253)
```
#e9effe
```
#e9effe rgb(233,239,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#919192
```
#919192 rgb(145,145,146)
```
#898e9a
```
#898e9a rgb(137,142,154)
```
#808aa3
```
#808aa3 rgb(128,138,163)
```
#7886ab
```
#7886ab rgb(120,134,171)
```
#6f83b4
```
#6f83b4 rgb(111,131,180)
```
#677fbc
```
#677fbc rgb(103,127,188)
```
#5f7cc4
```
#5f7cc4 rgb(95,124,196)
```
#5678cd
```
#5678cd rgb(86,120,205)
```
#4e74d5
```
#4e74d5 rgb(78,116,213)
```
#4571de
```
#4571de rgb(69,113,222)
```
#3d6de6
```
#3d6de6 rgb(61,109,230)
```
#346aef
```
#346aef rgb(52,106,239)
```
#2c66f7
```
#2c66f7 rgb(44,102,247)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a6582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#106fec Protanomaly 1% of men, 0.01% of women
#1074d9 Deuteranomaly 6% of men, 0.4% of women
#1079b3 Tritanomaly 0.01% of the population

#2c66f7 hex color

#2c66f7 Color Information

#2c66f7 Color Conversion

Color Schemes with #2c66f7

Alternatives to #2c66f7

#2c66f7 Preview

Shades and Tints of #2c66f7

Tones of #2c66f7

Color Blindness Simulator