#2c7aff hex color

In a RGB color space, hex #2c7aff is composed of 17.3% red, 47.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 52.2% magenta, 0% yellow and 0% black. It has a hue angle of 217.8 degrees, a saturation of 100% and a lightness of 58.6%. #2c7aff color hex could be obtained by blending #58f4ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 48
- B 100
RGB color chart
- C 83
- M 52
- Y 0
- K 0
CMYK color chart

● #2c7aff color description : Vivid blue.

The hexadecimal color #2c7aff has RGB values of R:44, G:122, B:255 and CMYK values of C:0.83, M:0.52, Y:0, K:0. Its decimal value is 2915071.

Hex triplet	2c7aff	`#2c7aff`
RGB Decimal	44, 122, 255	`rgb(44,122,255)`
RGB Percent	17.3, 47.8, 100	`rgb(17.3%,47.8%,100%)`
CMYK	83, 52, 0, 0
HSL	217.8°, 100, 58.6	`hsl(217.8,100%,58.6%)`
HSV (or HSB)	217.8°, 82.7, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.678, 24.424, -72.581
XYZ	26.044, 21.672, 97.413
xyY	0.179, 0.149, 21.672
CIE-LCH	53.678, 76.58, 288.599
CIE-LUV	53.678, -25.062, -115.253
Hunter-Lab	46.554, 18.392, -91.476
Binary	00101100, 01111010, 11111111

#2c7aff
```
#2c7aff rgb(44,122,255)
```
#ffb12c
```
#ffb12c rgb(255,177,44)
```

Complementary Color

#2ce4ff
```
#2ce4ff rgb(44,228,255)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```
#482cff
```
#482cff rgb(72,44,255)
```

Analogous Color

#e4ff2c
```
#e4ff2c rgb(228,255,44)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```
#ff482c
```
#ff482c rgb(255,72,44)
```

Split Complementary Color

#7aff2c
```
#7aff2c rgb(122,255,44)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```
#ff2c7a
```
#ff2c7a rgb(255,44,122)
```

Triadic Color

#2cffb1
```
#2cffb1 rgb(44,255,177)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```
#ff2c7a
```
#ff2c7a rgb(255,44,122)
```
#ffb12c
```
#ffb12c rgb(255,177,44)
```

Tetradic Color

#0052df
```
#0052df rgb(0,82,223)
```
#005cf8
```
#005cf8 rgb(0,92,248)
```
#136aff
```
#136aff rgb(19,106,255)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```
#468aff
```
#468aff rgb(70,138,255)
```
#5f9aff
```
#5f9aff rgb(95,154,255)
```
#79aaff
```
#79aaff rgb(121,170,255)
```

Monochromatic Color

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

#2cafff
```
#2cafff rgb(44,175,255)
```
#2c9dff
```
#2c9dff rgb(44,157,255)
```
#2c8cff
```
#2c8cff rgb(44,140,255)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```
#2c68ff
```
#2c68ff rgb(44,104,255)
```
#2c57ff
```
#2c57ff rgb(44,87,255)
```
#2c45ff
```
#2c45ff rgb(44,69,255)
```

Similar Colors

Text with hexadecimal color #2c7aff

This text has a font color of #2c7aff.

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

#2c7aff background color

This paragraph has a background color of #2c7aff.

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

#2c7aff border color

This element has a border color of #2c7aff.

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

CSS codes

.text {color:#2c7aff;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#000918
```
#000918 rgb(0,9,24)
```
#00102c
```
#00102c rgb(0,16,44)
```
#001840
```
#001840 rgb(0,24,64)
```
#001f53
```
#001f53 rgb(0,31,83)
```
#002667
```
#002667 rgb(0,38,103)
```
#002d7a
```
#002d7a rgb(0,45,122)
```
#00358e
```
#00358e rgb(0,53,142)
```
#003ca2
```
#003ca2 rgb(0,60,162)
```
#0043b5
```
#0043b5 rgb(0,67,181)
```
#004ac9
```
#004ac9 rgb(0,74,201)
```
#0052dd
```
#0052dd rgb(0,82,221)
```
#0059f0
```
#0059f0 rgb(0,89,240)
```

Shade Color Variation

#0561ff
```
#0561ff rgb(5,97,255)
```
#186eff
```
#186eff rgb(24,110,255)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```
#4086ff
```
#4086ff rgb(64,134,255)
```
#5393ff
```
#5393ff rgb(83,147,255)
```
#679fff
```
#679fff rgb(103,159,255)
```
#7aabff
```
#7aabff rgb(122,171,255)
```
#8eb8ff
```
#8eb8ff rgb(142,184,255)
```
#a2c4ff
```
#a2c4ff rgb(162,196,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#c9ddff
```
#c9ddff rgb(201,221,255)
```
#dde9ff
```
#dde9ff rgb(221,233,255)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#8d939e
```
#8d939e rgb(141,147,158)
```
#8591a6
```
#8591a6 rgb(133,145,166)
```
#7d8fae
```
#7d8fae rgb(125,143,174)
```
#758db6
```
#758db6 rgb(117,141,182)
```
#6d8bbe
```
#6d8bbe rgb(109,139,190)
```
#6589c6
```
#6589c6 rgb(101,137,198)
```
#5d87ce
```
#5d87ce rgb(93,135,206)
```
#5585d6
```
#5585d6 rgb(85,133,214)
```
#4c82df
```
#4c82df rgb(76,130,223)
```
#4480e7
```
#4480e7 rgb(68,128,231)
```
#3c7eef
```
#3c7eef rgb(60,126,239)
```
#347cf7
```
#347cf7 rgb(52,124,247)
```
#2c7aff
```
#2c7aff rgb(44,122,255)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#64748e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1982ff Protanopia 1% of men
#0089e0 Deuteranopia 1% of men
#00949c Tritanopia 0.001% of the population

Trichromacy

#207fff Protanomaly 1% of men, 0.01% of women
#1084eb Deuteranomaly 6% of men, 0.4% of women
#108ac0 Tritanomaly 0.01% of the population

#2c7aff hex color

#2c7aff Color Information

#2c7aff Color Conversion

Color Schemes with #2c7aff

Alternatives to #2c7aff

#2c7aff Preview

Shades and Tints of #2c7aff

Tones of #2c7aff

Color Blindness Simulator