#2c9afe hex color

In a RGB color space, hex #2c9afe is composed of 17.3% red, 60.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 39.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 208.6 degrees, a saturation of 99.1% and a lightness of 58.4%. #2c9afe color hex could be obtained by blending #58ffff with #0035fd. Closest websafe color is: #3399ff.

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

● #2c9afe color description : Bright blue.

The hexadecimal color #2c9afe has RGB values of R:44, G:154, B:254 and CMYK values of C:0.83, M:0.39, Y:0, K:0. Its decimal value is 2923262.

Hex triplet	2c9afe	`#2c9afe`
RGB Decimal	44, 154, 254	`rgb(44,154,254)`
RGB Percent	17.3, 60.4, 99.6	`rgb(17.3%,60.4%,99.6%)`
CMYK	83, 39, 0, 0
HSL	208.6°, 99.1, 58.4	`hsl(208.6,99.1%,58.4%)`
HSV (or HSB)	208.6°, 82.7, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	62.338, 4.572, -58.1
XYZ	30.48, 30.8, 98.099
xyY	0.191, 0.193, 30.8
CIE-LCH	62.338, 58.28, 274.499
CIE-LUV	62.338, -34.75, -94.017
Hunter-Lab	55.498, 0.912, -65.954
Binary	00101100, 10011010, 11111110

#2c9afe
```
#2c9afe rgb(44,154,254)
```
#fe902c
```
#fe902c rgb(254,144,44)
```

Complementary Color

#2cfef9
```
#2cfef9 rgb(44,254,249)
```
#2c9afe
```
#2c9afe rgb(44,154,254)
```
#2c31fe
```
#2c31fe rgb(44,49,254)
```

Analogous Color

#fef92c
```
#fef92c rgb(254,249,44)
```
#2c9afe
```
#2c9afe rgb(44,154,254)
```
#fe2c31
```
#fe2c31 rgb(254,44,49)
```

Split Complementary Color

#9afe2c
```
#9afe2c rgb(154,254,44)
```
#2c9afe
```
#2c9afe rgb(44,154,254)
```
#fe2c9a
```
#fe2c9a rgb(254,44,154)
```

Triadic Color

#2cfe90
```
#2cfe90 rgb(44,254,144)
```
#2c9afe
```
#2c9afe rgb(44,154,254)
```
#fe2c9a
```
#fe2c9a rgb(254,44,154)
```
#fe902c
```
#fe902c rgb(254,144,44)
```

Tetradic Color

#0174dc
```
#0174dc rgb(1,116,220)
```
#0181f6
```
#0181f6 rgb(1,129,246)
```
#138efe
```
#138efe rgb(19,142,254)
```
#2c9afe
```
#2c9afe rgb(44,154,254)
```
#45a6fe
```
#45a6fe rgb(69,166,254)
```
#5fb2fe
```
#5fb2fe rgb(95,178,254)
```
#78befe
```
#78befe rgb(120,190,254)
```

Monochromatic Color

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

#2ccffe
```
#2ccffe rgb(44,207,254)
```
#2cbdfe
```
#2cbdfe rgb(44,189,254)
```
#2cacfe
```
#2cacfe rgb(44,172,254)
```
#2c9afe
```
#2c9afe rgb(44,154,254)
```
#2c89fe
```
#2c89fe rgb(44,137,254)
```
#2c77fe
```
#2c77fe rgb(44,119,254)
```
#2c66fe
```
#2c66fe rgb(44,102,254)
```

Similar Colors

Text with hexadecimal color #2c9afe

This text has a font color of #2c9afe.

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

#2c9afe background color

This paragraph has a background color of #2c9afe.

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

#2c9afe border color

This element has a border color of #2c9afe.

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

CSS codes

.text {color:#2c9afe;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000c17
```
#000c17 rgb(0,12,23)
```
#00172b
```
#00172b rgb(0,23,43)
```
#00213e
```
#00213e rgb(0,33,62)
```
#002b52
```
#002b52 rgb(0,43,82)
```
#003565
```
#003565 rgb(0,53,101)
```
#014079
```
#014079 rgb(1,64,121)
```
#014a8c
```
#014a8c rgb(1,74,140)
```
#0154a0
```
#0154a0 rgb(1,84,160)
```
#015eb3
```
#015eb3 rgb(1,94,179)
```
#0169c7
```
#0169c7 rgb(1,105,199)
```
#0173db
```
#0173db rgb(1,115,219)
```
#017dee
```
#017dee rgb(1,125,238)
```

Shade Color Variation

#0587fe
```
#0587fe rgb(5,135,254)
```
#1891fe
```
#1891fe rgb(24,145,254)
```
#2c9afe
```
#2c9afe rgb(44,154,254)
```
#40a3fe
```
#40a3fe rgb(64,163,254)
```
#53adfe
```
#53adfe rgb(83,173,254)
```
#67b6fe
```
#67b6fe rgb(103,182,254)
```
#7abffe
```
#7abffe rgb(122,191,254)
```
#8ec9fe
```
#8ec9fe rgb(142,201,254)
```
#a1d2ff
```
#a1d2ff rgb(161,210,255)
```
#b5dbff
```
#b5dbff rgb(181,219,255)
```
#c8e5ff
```
#c8e5ff rgb(200,229,255)
```
#dceeff
```
#dceeff rgb(220,238,255)
```
#eff7ff
```
#eff7ff rgb(239,247,255)
```

Tint Color Variation

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

#8e959c
```
#8e959c rgb(142,149,156)
```
#8696a4
```
#8696a4 rgb(134,150,164)
```
#7e96ac
```
#7e96ac rgb(126,150,172)
```
#7597b5
```
#7597b5 rgb(117,151,181)
```
#6d97bd
```
#6d97bd rgb(109,151,189)
```
#6597c5
```
#6597c5 rgb(101,151,197)
```
#5d98cd
```
#5d98cd rgb(93,152,205)
```
#5598d5
```
#5598d5 rgb(85,152,213)
```
#4d98dd
```
#4d98dd rgb(77,152,221)
```
#4499e6
```
#4499e6 rgb(68,153,230)
```
#3c99ee
```
#3c99ee rgb(60,153,238)
```
#349af6
```
#349af6 rgb(52,154,246)
```
#2c9afe
```
#2c9afe rgb(44,154,254)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#73899d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7099f8 Protanopia 1% of men
#479dfe Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#5799fa Protanomaly 1% of men, 0.01% of women
#3d9cfe Deuteranomaly 6% of men, 0.4% of women
#10a5d0 Tritanomaly 0.01% of the population

#2c9afe hex color

#2c9afe Color Information

#2c9afe Color Conversion

Color Schemes with #2c9afe

Alternatives to #2c9afe

#2c9afe Preview

Shades and Tints of #2c9afe

Tones of #2c9afe

Color Blindness Simulator