#2c66fd hex color

In a RGB color space, hex #2c66fd is composed of 17.3% red, 40% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 59.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 223.3 degrees, a saturation of 98.1% and a lightness of 58.2%. #2c66fd color hex could be obtained by blending #58ccff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 40
- B 99
RGB color chart
- C 83
- M 60
- Y 0
- K 1
CMYK color chart

● #2c66fd color description : Bright blue.

The hexadecimal color #2c66fd has RGB values of R:44, G:102, B:253 and CMYK values of C:0.83, M:0.6, Y:0, K:0.01. Its decimal value is 2909949.

Hex triplet	2c66fd	`#2c66fd`
RGB Decimal	44, 102, 253	`rgb(44,102,253)`
RGB Percent	17.3, 40, 99.2	`rgb(17.3%,40%,99.2%)`
CMYK	83, 60, 0, 1
HSL	223.3°, 98.1, 58.2	`hsl(223.3,98.1%,58.2%)`
HSV (or HSB)	223.3°, 82.6, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.421, 36.213, -80.033
XYZ	23.516, 17.128, 94.99
xyY	0.173, 0.126, 17.128
CIE-LCH	48.421, 87.844, 294.346
CIE-LUV	48.421, -19.813, -123.185
Hunter-Lab	41.386, 28.999, -107.112
Binary	00101100, 01100110, 11111101

#2c66fd
```
#2c66fd rgb(44,102,253)
```
#fdc32c
```
#fdc32c rgb(253,195,44)
```

Complementary Color

#2ccffd
```
#2ccffd rgb(44,207,253)
```
#2c66fd
```
#2c66fd rgb(44,102,253)
```
#5a2cfd
```
#5a2cfd rgb(90,44,253)
```

Analogous Color

#cffd2c
```
#cffd2c rgb(207,253,44)
```
#2c66fd
```
#2c66fd rgb(44,102,253)
```
#fd5b2c
```
#fd5b2c rgb(253,91,44)
```

Split Complementary Color

#66fd2c
```
#66fd2c rgb(102,253,44)
```
#2c66fd
```
#2c66fd rgb(44,102,253)
```
#fd2c66
```
#fd2c66 rgb(253,44,102)
```

Triadic Color

#2cfdc3
```
#2cfdc3 rgb(44,253,195)
```
#2c66fd
```
#2c66fd rgb(44,102,253)
```
#fd2c66
```
#fd2c66 rgb(253,44,102)
```
#fdc32c
```
#fdc32c rgb(253,195,44)
```

Tetradic Color

#023eda
```
#023eda rgb(2,62,218)
```
#0245f4
```
#0245f4 rgb(2,69,244)
```
#1354fd
```
#1354fd rgb(19,84,253)
```
#2c66fd
```
#2c66fd rgb(44,102,253)
```
#4578fd
```
#4578fd rgb(69,120,253)
```
#5f8bfd
```
#5f8bfd rgb(95,139,253)
```
#789dfe
```
#789dfe rgb(120,157,254)
```

Monochromatic Color

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

#2c9afd
```
#2c9afd rgb(44,154,253)
```
#2c89fd
```
#2c89fd rgb(44,137,253)
```
#2c77fd
```
#2c77fd rgb(44,119,253)
```
#2c66fd
```
#2c66fd rgb(44,102,253)
```
#2c55fd
```
#2c55fd rgb(44,85,253)
```
#2c43fd
```
#2c43fd rgb(44,67,253)
```
#2c32fd
```
#2c32fd rgb(44,50,253)
```

Similar Colors

Text with hexadecimal color #2c66fd

This text has a font color of #2c66fd.

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

#2c66fd background color

This paragraph has a background color of #2c66fd.

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

#2c66fd border color

This element has a border color of #2c66fd.

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

CSS codes

.text {color:#2c66fd;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000616
```
#000616 rgb(0,6,22)
```
#000c2a
```
#000c2a rgb(0,12,42)
```
#01113d
```
#01113d rgb(1,17,61)
```
#011750
```
#011750 rgb(1,23,80)
```
#011c64
```
#011c64 rgb(1,28,100)
```
#012277
```
#012277 rgb(1,34,119)
```
#01278b
```
#01278b rgb(1,39,139)
```
#012d9e
```
#012d9e rgb(1,45,158)
```
#0233b2
```
#0233b2 rgb(2,51,178)
```
#0238c5
```
#0238c5 rgb(2,56,197)
```
#023ed8
```
#023ed8 rgb(2,62,216)
```
#0243ec
```
#0243ec rgb(2,67,236)
```

Shade Color Variation

#054afd
```
#054afd rgb(5,74,253)
```
#1958fd
```
#1958fd rgb(25,88,253)
```
#2c66fd
```
#2c66fd rgb(44,102,253)
```
#3f74fd
```
#3f74fd rgb(63,116,253)
```
#5382fd
```
#5382fd rgb(83,130,253)
```
#6690fe
```
#6690fe rgb(102,144,254)
```
#7a9efe
```
#7a9efe rgb(122,158,254)
```
#8dacfe
```
#8dacfe rgb(141,172,254)
```
#a1bbfe
```
#a1bbfe rgb(161,187,254)
```
#b4c9fe
```
#b4c9fe rgb(180,201,254)
```
#c7d7fe
```
#c7d7fe rgb(199,215,254)
```
#dbe5ff
```
#dbe5ff rgb(219,229,255)
```
#eef3ff
```
#eef3ff rgb(238,243,255)
```

Tint Color Variation

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

#8e929b
```
#8e929b rgb(142,146,155)
```
#868ea3
```
#868ea3 rgb(134,142,163)
```
#7e8aab
```
#7e8aab rgb(126,138,171)
```
#7687b3
```
#7687b3 rgb(118,135,179)
```
#6e83bb
```
#6e83bb rgb(110,131,187)
```
#6580c4
```
#6580c4 rgb(101,128,196)
```
#5d7ccc
```
#5d7ccc rgb(93,124,204)
```
#5578d4
```
#5578d4 rgb(85,120,212)
```
#4d75dc
```
#4d75dc rgb(77,117,220)
```
#4571e4
```
#4571e4 rgb(69,113,228)
```
#3c6ded
```
#3c6ded rgb(60,109,237)
```
#346af5
```
#346af5 rgb(52,106,245)
```
#2c66fd
```
#2c66fd rgb(44,102,253)
```

Tone Color Variation

Below, you can see how #2c66fd 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
#5a6684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#1070ef Protanomaly 1% of men, 0.01% of women
#1074dc Deuteranomaly 6% of men, 0.4% of women
#107ab6 Tritanomaly 0.01% of the population

#2c66fd hex color

#2c66fd Color Information

#2c66fd Color Conversion

Color Schemes with #2c66fd

Alternatives to #2c66fd

#2c66fd Preview

Shades and Tints of #2c66fd

Tones of #2c66fd

Color Blindness Simulator