#2c7dba hex color

In a RGB color space, hex #2c7dba is composed of 17.3% red, 49% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 32.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 205.8 degrees, a saturation of 61.7% and a lightness of 45.1%. #2c7dba color hex could be obtained by blending #58faff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 49
- B 73
RGB color chart
- C 76
- M 33
- Y 0
- K 27
CMYK color chart

● #2c7dba color description : Strong blue.

The hexadecimal color #2c7dba has RGB values of R:44, G:125, B:186 and CMYK values of C:0.76, M:0.33, Y:0, K:0.27. Its decimal value is 2915770.

Hex triplet	2c7dba	`#2c7dba`
RGB Decimal	44, 125, 186	`rgb(44,125,186)`
RGB Percent	17.3, 49, 72.9	`rgb(17.3%,49%,72.9%)`
CMYK	76, 33, 0, 27
HSL	205.8°, 61.7, 45.1	`hsl(205.8,61.7%,45.1%)`
HSV (or HSB)	205.8°, 76.3, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.389, -3.166, -38.969
XYZ	17.233, 18.746, 49.162
xyY	0.202, 0.22, 18.746
CIE-LCH	50.389, 39.097, 265.356
CIE-LUV	50.389, -28.334, -58.938
Hunter-Lab	43.297, -4.724, -37.013
Binary	00101100, 01111101, 10111010

#2c7dba
```
#2c7dba rgb(44,125,186)
```
#ba692c
```
#ba692c rgb(186,105,44)
```

Complementary Color

#2cbab0
```
#2cbab0 rgb(44,186,176)
```
#2c7dba
```
#2c7dba rgb(44,125,186)
```
#2c36ba
```
#2c36ba rgb(44,54,186)
```

Analogous Color

#bab02c
```
#bab02c rgb(186,176,44)
```
#2c7dba
```
#2c7dba rgb(44,125,186)
```
#ba2c36
```
#ba2c36 rgb(186,44,54)
```

Split Complementary Color

#7dba2c
```
#7dba2c rgb(125,186,44)
```
#2c7dba
```
#2c7dba rgb(44,125,186)
```
#ba2c7d
```
#ba2c7d rgb(186,44,125)
```

Triadic Color

#2cba69
```
#2cba69 rgb(44,186,105)
```
#2c7dba
```
#2c7dba rgb(44,125,186)
```
#ba2c7d
```
#ba2c7d rgb(186,44,125)
```
#ba692c
```
#ba692c rgb(186,105,44)
```

Tetradic Color

#1d537c
```
#1d537c rgb(29,83,124)
```
#226191
```
#226191 rgb(34,97,145)
```
#276fa5
```
#276fa5 rgb(39,111,165)
```
#2c7dba
```
#2c7dba rgb(44,125,186)
```
#318bce
```
#318bce rgb(49,139,206)
```
#4696d3
```
#4696d3 rgb(70,150,211)
```
#5aa2d8
```
#5aa2d8 rgb(90,162,216)
```

Monochromatic Color

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

#2ca1ba
```
#2ca1ba rgb(44,161,186)
```
#2c95ba
```
#2c95ba rgb(44,149,186)
```
#2c89ba
```
#2c89ba rgb(44,137,186)
```
#2c7dba
```
#2c7dba rgb(44,125,186)
```
#2c71ba
```
#2c71ba rgb(44,113,186)
```
#2c65ba
```
#2c65ba rgb(44,101,186)
```
#2c5aba
```
#2c5aba rgb(44,90,186)
```

Similar Colors

Text with hexadecimal color #2c7dba

This text has a font color of #2c7dba.

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

#2c7dba background color

This paragraph has a background color of #2c7dba.

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

#2c7dba border color

This element has a border color of #2c7dba.

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

CSS codes

.text {color:#2c7dba;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#06121b
```
#06121b rgb(6,18,27)
```
#0a1d2b
```
#0a1d2b rgb(10,29,43)
```
#0e283b
```
#0e283b rgb(14,40,59)
```
#12324b
```
#12324b rgb(18,50,75)
```
#153d5b
```
#153d5b rgb(21,61,91)
```
#19486b
```
#19486b rgb(25,72,107)
```
#1d527b
```
#1d527b rgb(29,82,123)
```
#215d8a
```
#215d8a rgb(33,93,138)
```
#24689a
```
#24689a rgb(36,104,154)
```
#2872aa
```
#2872aa rgb(40,114,170)
```
#2c7dba
```
#2c7dba rgb(44,125,186)
```
#3088ca
```
#3088ca rgb(48,136,202)
```

Shade Color Variation

#3c91d1
```
#3c91d1 rgb(60,145,209)
```
#4c9ad5
```
#4c9ad5 rgb(76,154,213)
```
#5ca3d8
```
#5ca3d8 rgb(92,163,216)
```
#6cacdc
```
#6cacdc rgb(108,172,220)
```
#7cb5e0
```
#7cb5e0 rgb(124,181,224)
```
#8cbee4
```
#8cbee4 rgb(140,190,228)
```
#9bc7e7
```
#9bc7e7 rgb(155,199,231)
```
#abd0eb
```
#abd0eb rgb(171,208,235)
```
#bbd9ef
```
#bbd9ef rgb(187,217,239)
```
#cbe2f3
```
#cbe2f3 rgb(203,226,243)
```
#dbebf6
```
#dbebf6 rgb(219,235,246)
```
#ebf4fa
```
#ebf4fa rgb(235,244,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#737373
```
#737373 rgb(115,115,115)
```
#6a747c
```
#6a747c rgb(106,116,124)
```
#617685
```
#617685 rgb(97,118,133)
```
#58778e
```
#58778e rgb(88,119,142)
```
#4f7897
```
#4f7897 rgb(79,120,151)
```
#47799f
```
#47799f rgb(71,121,159)
```
#3e7ba8
```
#3e7ba8 rgb(62,123,168)
```
#357cb1
```
#357cb1 rgb(53,124,177)
```
#2c7dba
```
#2c7dba rgb(44,125,186)
```
#237ec3
```
#237ec3 rgb(35,126,195)
```
#1a7fcc
```
#1a7fcc rgb(26,127,204)
```
#1181d5
```
#1181d5 rgb(17,129,213)
```
#0982dd
```
#0982dd rgb(9,130,221)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5f6f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#687cb8 Protanopia 1% of men
#587fbf Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#527cb9 Protanomaly 1% of men, 0.01% of women
#487ebd Deuteranomaly 6% of men, 0.4% of women
#1086a2 Tritanomaly 0.01% of the population

#2c7dba hex color

#2c7dba Color Information

#2c7dba Color Conversion

Color Schemes with #2c7dba

Alternatives to #2c7dba

#2c7dba Preview

Shades and Tints of #2c7dba

Tones of #2c7dba

Color Blindness Simulator