#2c7cbf hex color

In a RGB color space, hex #2c7cbf is composed of 17.3% red, 48.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 35.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 207.3 degrees, a saturation of 62.6% and a lightness of 46.1%. #2c7cbf color hex could be obtained by blending #58f8ff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 49
- B 75
RGB color chart
- C 77
- M 35
- Y 0
- K 25
CMYK color chart

● #2c7cbf color description : Strong blue.

The hexadecimal color #2c7cbf has RGB values of R:44, G:124, B:191 and CMYK values of C:0.77, M:0.35, Y:0, K:0.25. Its decimal value is 2915519.

Hex triplet	2c7cbf	`#2c7cbf`
RGB Decimal	44, 124, 191	`rgb(44,124,191)`
RGB Percent	17.3, 48.6, 74.9	`rgb(17.3%,48.6%,74.9%)`
CMYK	77, 35, 0, 25
HSL	207.3°, 62.6, 46.1	`hsl(207.3,62.6%,46.1%)`
HSV (or HSB)	207.3°, 77, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.347, -0.731, -41.908
XYZ	17.648, 18.711, 51.969
xyY	0.2, 0.212, 18.711
CIE-LCH	50.347, 41.914, 269
CIE-LUV	50.347, -27.768, -63.876
Hunter-Lab	43.256, -2.872, -40.953
Binary	00101100, 01111100, 10111111

#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#bf6f2c
```
#bf6f2c rgb(191,111,44)
```

Complementary Color

#2cbfb9
```
#2cbfb9 rgb(44,191,185)
```
#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#2c33bf
```
#2c33bf rgb(44,51,191)
```

Analogous Color

#bfb92c
```
#bfb92c rgb(191,185,44)
```
#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#bf2c32
```
#bf2c32 rgb(191,44,50)
```

Split Complementary Color

#7cbf2c
```
#7cbf2c rgb(124,191,44)
```
#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#bf2c7c
```
#bf2c7c rgb(191,44,124)
```

Triadic Color

#2cbf6f
```
#2cbf6f rgb(44,191,111)
```
#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#bf2c7c
```
#bf2c7c rgb(191,44,124)
```
#bf6f2c
```
#bf6f2c rgb(191,111,44)
```

Tetradic Color

#1e5481
```
#1e5481 rgb(30,84,129)
```
#226196
```
#226196 rgb(34,97,150)
```
#276faa
```
#276faa rgb(39,111,170)
```
#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#3489d0
```
#3489d0 rgb(52,137,208)
```
#4995d5
```
#4995d5 rgb(73,149,213)
```
#5ea1da
```
#5ea1da rgb(94,161,218)
```

Monochromatic Color

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

#2ca1bf
```
#2ca1bf rgb(44,161,191)
```
#2c95bf
```
#2c95bf rgb(44,149,191)
```
#2c88bf
```
#2c88bf rgb(44,136,191)
```
#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#2c70bf
```
#2c70bf rgb(44,112,191)
```
#2c63bf
```
#2c63bf rgb(44,99,191)
```
#2c57bf
```
#2c57bf rgb(44,87,191)
```

Similar Colors

Text with hexadecimal color #2c7cbf

This text has a font color of #2c7cbf.

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

#2c7cbf background color

This paragraph has a background color of #2c7cbf.

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

#2c7cbf border color

This element has a border color of #2c7cbf.

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

CSS codes

.text {color:#2c7cbf;}

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

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

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, #040a10 is the darkest color, while #ffffff is the lightest one.

#040a10
```
#040a10 rgb(4,10,16)
```
#071420
```
#071420 rgb(7,20,32)
```
#0b1f30
```
#0b1f30 rgb(11,31,48)
```
#0f293f
```
#0f293f rgb(15,41,63)
```
#12344f
```
#12344f rgb(18,52,79)
```
#163e5f
```
#163e5f rgb(22,62,95)
```
#1a486f
```
#1a486f rgb(26,72,111)
```
#1d537f
```
#1d537f rgb(29,83,127)
```
#215d8f
```
#215d8f rgb(33,93,143)
```
#25679f
```
#25679f rgb(37,103,159)
```
#2872af
```
#2872af rgb(40,114,175)
```
#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#3086cf
```
#3086cf rgb(48,134,207)
```

Shade Color Variation

#3f90d3
```
#3f90d3 rgb(63,144,211)
```
#4f99d7
```
#4f99d7 rgb(79,153,215)
```
#5fa2da
```
#5fa2da rgb(95,162,218)
```
#6fabde
```
#6fabde rgb(111,171,222)
```
#7fb5e2
```
#7fb5e2 rgb(127,181,226)
```
#8fbee5
```
#8fbee5 rgb(143,190,229)
```
#9fc7e9
```
#9fc7e9 rgb(159,199,233)
```
#afd0ed
```
#afd0ed rgb(175,208,237)
```
#bfdaf0
```
#bfdaf0 rgb(191,218,240)
```
#cfe3f4
```
#cfe3f4 rgb(207,227,244)
```
#dfecf8
```
#dfecf8 rgb(223,236,248)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#747677
```
#747677 rgb(116,118,119)
```
#6b7680
```
#6b7680 rgb(107,118,128)
```
#627789
```
#627789 rgb(98,119,137)
```
#597892
```
#597892 rgb(89,120,146)
```
#50799b
```
#50799b rgb(80,121,155)
```
#477aa4
```
#477aa4 rgb(71,122,164)
```
#3e7aad
```
#3e7aad rgb(62,122,173)
```
#357bb6
```
#357bb6 rgb(53,123,182)
```
#2c7cbf
```
#2c7cbf rgb(44,124,191)
```
#237dc8
```
#237dc8 rgb(35,125,200)
```
#1a7ed1
```
#1a7ed1 rgb(26,126,209)
```
#117eda
```
#117eda rgb(17,126,218)
```
#087fe3
```
#087fe3 rgb(8,127,227)
```

Tone Color Variation

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

Dichromacy

#657cbd Protanopia 1% of men
#517fc3 Deuteranopia 1% of men
#008b94 Tritanopia 0.001% of the population

Trichromacy

#507cbe Protanomaly 1% of men, 0.01% of women
#437ec2 Deuteranomaly 6% of men, 0.4% of women
#1085a4 Tritanomaly 0.01% of the population

#2c7cbf hex color

#2c7cbf Color Information

#2c7cbf Color Conversion

Color Schemes with #2c7cbf

Alternatives to #2c7cbf

#2c7cbf Preview

Shades and Tints of #2c7cbf

Tones of #2c7cbf

Color Blindness Simulator