#2c9bda hex color

In a RGB color space, hex #2c9bda is composed of 17.3% red, 60.8% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 28.9% magenta, 0% yellow and 14.5% black. It has a hue angle of 201.7 degrees, a saturation of 70.2% and a lightness of 51.4%. #2c9bda color hex could be obtained by blending #58ffff with #0037b5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 61
- B 85
RGB color chart
- C 80
- M 29
- Y 0
- K 15
CMYK color chart

● #2c9bda color description : Bright blue.

The hexadecimal color #2c9bda has RGB values of R:44, G:155, B:218 and CMYK values of C:0.8, M:0.29, Y:0, K:0.15. Its decimal value is 2923482.

Hex triplet	2c9bda	`#2c9bda`
RGB Decimal	44, 155, 218	`rgb(44,155,218)`
RGB Percent	17.3, 60.8, 85.5	`rgb(17.3%,60.8%,85.5%)`
CMYK	80, 29, 0, 15
HSL	201.7°, 70.2, 51.4	`hsl(201.7,70.2%,51.4%)`
HSV (or HSB)	201.7°, 79.8, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.815, -8.991, -40.659
XYZ	25.412, 29.038, 70.591
xyY	0.203, 0.232, 29.038
CIE-LCH	60.815, 41.641, 257.531
CIE-LUV	60.815, -36.959, -63.147
Hunter-Lab	53.887, -10.125, -39.949
Binary	00101100, 10011011, 11011010

#2c9bda
```
#2c9bda rgb(44,155,218)
```
#da6b2c
```
#da6b2c rgb(218,107,44)
```

Complementary Color

#2cdac2
```
#2cdac2 rgb(44,218,194)
```
#2c9bda
```
#2c9bda rgb(44,155,218)
```
#2c44da
```
#2c44da rgb(44,68,218)
```

Analogous Color

#dac22c
```
#dac22c rgb(218,194,44)
```
#2c9bda
```
#2c9bda rgb(44,155,218)
```
#da2c44
```
#da2c44 rgb(218,44,68)
```

Split Complementary Color

#9bda2c
```
#9bda2c rgb(155,218,44)
```
#2c9bda
```
#2c9bda rgb(44,155,218)
```
#da2c9b
```
#da2c9b rgb(218,44,155)
```

Triadic Color

#2cda6b
```
#2cda6b rgb(44,218,107)
```
#2c9bda
```
#2c9bda rgb(44,155,218)
```
#da2c9b
```
#da2c9b rgb(218,44,155)
```
#da6b2c
```
#da6b2c rgb(218,107,44)
```

Tetradic Color

#1c6f9e
```
#1c6f9e rgb(28,111,158)
```
#1f7eb4
```
#1f7eb4 rgb(31,126,180)
```
#238dc9
```
#238dc9 rgb(35,141,201)
```
#2c9bda
```
#2c9bda rgb(44,155,218)
```
#42a5de
```
#42a5de rgb(66,165,222)
```
#57b0e2
```
#57b0e2 rgb(87,176,226)
```
#6dbae5
```
#6dbae5 rgb(109,186,229)
```

Monochromatic Color

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

#2cc7da
```
#2cc7da rgb(44,199,218)
```
#2cb8da
```
#2cb8da rgb(44,184,218)
```
#2caada
```
#2caada rgb(44,170,218)
```
#2c9bda
```
#2c9bda rgb(44,155,218)
```
#2c8dda
```
#2c8dda rgb(44,141,218)
```
#2c7eda
```
#2c7eda rgb(44,126,218)
```
#2c70da
```
#2c70da rgb(44,112,218)
```

Similar Colors

Text with hexadecimal color #2c9bda

This text has a font color of #2c9bda.

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

#2c9bda background color

This paragraph has a background color of #2c9bda.

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

#2c9bda border color

This element has a border color of #2c9bda.

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

CSS codes

.text {color:#2c9bda;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#041017
```
#041017 rgb(4,16,23)
```
#071c27
```
#071c27 rgb(7,28,39)
```
#0a2738
```
#0a2738 rgb(10,39,56)
```
#0d3349
```
#0d3349 rgb(13,51,73)
```
#103f59
```
#103f59 rgb(16,63,89)
```
#134a6a
```
#134a6a rgb(19,74,106)
```
#16567b
```
#16567b rgb(22,86,123)
```
#18628b
```
#18628b rgb(24,98,139)
```
#1b6e9c
```
#1b6e9c rgb(27,110,156)
```
#1e79ad
```
#1e79ad rgb(30,121,173)
```
#2185be
```
#2185be rgb(33,133,190)
```
#2491ce
```
#2491ce rgb(36,145,206)
```

Shade Color Variation

#2c9bda
```
#2c9bda rgb(44,155,218)
```
#3da3dd
```
#3da3dd rgb(61,163,221)
```
#4dabe0
```
#4dabe0 rgb(77,171,224)
```
#5eb3e3
```
#5eb3e3 rgb(94,179,227)
```
#6fbbe6
```
#6fbbe6 rgb(111,187,230)
```
#7fc3e9
```
#7fc3e9 rgb(127,195,233)
```
#90caec
```
#90caec rgb(144,202,236)
```
#a1d2ee
```
#a1d2ee rgb(161,210,238)
```
#b2daf1
```
#b2daf1 rgb(178,218,241)
```
#c2e2f4
```
#c2e2f4 rgb(194,226,244)
```
#d3eaf7
```
#d3eaf7 rgb(211,234,247)
```
#e4f2fa
```
#e4f2fa rgb(228,242,250)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Tint Color Variation

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

#828384
```
#828384 rgb(130,131,132)
```
#78868e
```
#78868e rgb(120,134,142)
```
#6f8997
```
#6f8997 rgb(111,137,151)
```
#658ba1
```
#658ba1 rgb(101,139,161)
```
#5c8eaa
```
#5c8eaa rgb(92,142,170)
```
#5290b4
```
#5290b4 rgb(82,144,180)
```
#4993bd
```
#4993bd rgb(73,147,189)
```
#3f96c7
```
#3f96c7 rgb(63,150,199)
```
#3698d0
```
#3698d0 rgb(54,152,208)
```
#2c9bda
```
#2c9bda rgb(44,155,218)
```
#229ee4
```
#229ee4 rgb(34,158,228)
```
#19a0ed
```
#19a0ed rgb(25,160,237)
```
#0fa3f7
```
#0fa3f7 rgb(15,163,247)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#708693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8296d4 Protanopia 1% of men
#7297df Deuteranopia 1% of men
#00a7b2 Tritanopia 0.001% of the population

Trichromacy

#6397d6 Protanomaly 1% of men, 0.01% of women
#5999dd Deuteranomaly 6% of men, 0.4% of women
#10a2c1 Tritanomaly 0.01% of the population

#2c9bda hex color

#2c9bda Color Information

#2c9bda Color Conversion

Color Schemes with #2c9bda

Alternatives to #2c9bda

#2c9bda Preview

Shades and Tints of #2c9bda

Tones of #2c9bda

Color Blindness Simulator