#2c7dbf hex color

In a RGB color space, hex #2c7dbf is composed of 17.3% red, 49% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 34.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 206.9 degrees, a saturation of 62.6% and a lightness of 46.1%. #2c7dbf color hex could be obtained by blending #58faff 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

● #2c7dbf color description : Strong blue.

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

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

CIE-LAB	50.644, -1.332, -41.439
XYZ	17.774, 18.963, 52.011
xyY	0.2, 0.214, 18.963
CIE-LCH	50.644, 41.46, 268.159
CIE-LUV	50.644, -28.107, -63.142
Hunter-Lab	43.546, -3.349, -40.332
Binary	00101100, 01111101, 10111111

#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#bf6e2c
```
#bf6e2c rgb(191,110,44)
```

Complementary Color

#2cbfb8
```
#2cbfb8 rgb(44,191,184)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#2c33bf
```
#2c33bf rgb(44,51,191)
```

Analogous Color

#bfb82c
```
#bfb82c rgb(191,184,44)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#bf2c34
```
#bf2c34 rgb(191,44,52)
```

Split Complementary Color

#7dbf2c
```
#7dbf2c rgb(125,191,44)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#bf2c7d
```
#bf2c7d rgb(191,44,125)
```

Triadic Color

#2cbf6e
```
#2cbf6e rgb(44,191,110)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#bf2c7d
```
#bf2c7d rgb(191,44,125)
```
#bf6e2c
```
#bf6e2c rgb(191,110,44)
```

Tetradic Color

#1e5481
```
#1e5481 rgb(30,84,129)
```
#226296
```
#226296 rgb(34,98,150)
```
#276faa
```
#276faa rgb(39,111,170)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#348ad0
```
#348ad0 rgb(52,138,208)
```
#4996d5
```
#4996d5 rgb(73,150,213)
```
#5ea2da
```
#5ea2da rgb(94,162,218)
```

Monochromatic Color

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

#2ca2bf
```
#2ca2bf rgb(44,162,191)
```
#2c96bf
```
#2c96bf rgb(44,150,191)
```
#2c89bf
```
#2c89bf rgb(44,137,191)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#2c71bf
```
#2c71bf rgb(44,113,191)
```
#2c65bf
```
#2c65bf rgb(44,101,191)
```
#2c58bf
```
#2c58bf rgb(44,88,191)
```

Similar Colors

Text with hexadecimal color #2c7dbf

This text has a font color of #2c7dbf.

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

#2c7dbf background color

This paragraph has a background color of #2c7dbf.

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

#2c7dbf border color

This element has a border color of #2c7dbf.

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

CSS codes

.text {color:#2c7dbf;}

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

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

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)
```
#071520
```
#071520 rgb(7,21,32)
```
#0b1f30
```
#0b1f30 rgb(11,31,48)
```
#0f2a3f
```
#0f2a3f rgb(15,42,63)
```
#12344f
```
#12344f rgb(18,52,79)
```
#163e5f
```
#163e5f rgb(22,62,95)
```
#1a496f
```
#1a496f rgb(26,73,111)
```
#1d537f
```
#1d537f rgb(29,83,127)
```
#215e8f
```
#215e8f rgb(33,94,143)
```
#25689f
```
#25689f rgb(37,104,159)
```
#2873af
```
#2873af rgb(40,115,175)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#3087cf
```
#3087cf rgb(48,135,207)
```

Shade Color Variation

#3f91d3
```
#3f91d3 rgb(63,145,211)
```
#4f9ad7
```
#4f9ad7 rgb(79,154,215)
```
#5fa3da
```
#5fa3da rgb(95,163,218)
```
#6facde
```
#6facde rgb(111,172,222)
```
#7fb5e2
```
#7fb5e2 rgb(127,181,226)
```
#8fbfe5
```
#8fbfe5 rgb(143,191,229)
```
#9fc8e9
```
#9fc8e9 rgb(159,200,233)
```
#afd1ed
```
#afd1ed rgb(175,209,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 #0881e3 is the most saturated one.

#747677
```
#747677 rgb(116,118,119)
```
#6b7780
```
#6b7780 rgb(107,119,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)
```
#3e7bad
```
#3e7bad rgb(62,123,173)
```
#357cb6
```
#357cb6 rgb(53,124,182)
```
#2c7dbf
```
#2c7dbf rgb(44,125,191)
```
#237ec8
```
#237ec8 rgb(35,126,200)
```
#1a7fd1
```
#1a7fd1 rgb(26,127,209)
```
#1180da
```
#1180da rgb(17,128,218)
```
#0881e3
```
#0881e3 rgb(8,129,227)
```

Tone Color Variation

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

#667dbd Protanopia 1% of men
#537fc3 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#517dbe Protanomaly 1% of men, 0.01% of women
#457ec2 Deuteranomaly 6% of men, 0.4% of women
#1086a4 Tritanomaly 0.01% of the population

#2c7dbf hex color

#2c7dbf Color Information

#2c7dbf Color Conversion

Color Schemes with #2c7dbf

Alternatives to #2c7dbf

#2c7dbf Preview

Shades and Tints of #2c7dbf

Tones of #2c7dbf

Color Blindness Simulator