#2c7dbe hex color

In a RGB color space, hex #2c7dbe is composed of 17.3% red, 49% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 34.2% magenta, 0% yellow and 25.5% black. It has a hue angle of 206.7 degrees, a saturation of 62.4% and a lightness of 45.9%. #2c7dbe color hex could be obtained by blending #58faff with #00007d. Closest websafe color is: #3366cc.

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

● #2c7dbe color description : Strong blue.

The hexadecimal color #2c7dbe has RGB values of R:44, G:125, B:190 and CMYK values of C:0.77, M:0.34, Y:0, K:0.25. Its decimal value is 2915774.

Hex triplet	2c7dbe	`#2c7dbe`
RGB Decimal	44, 125, 190	`rgb(44,125,190)`
RGB Percent	17.3, 49, 74.5	`rgb(17.3%,49%,74.5%)`
CMYK	77, 34, 0, 25
HSL	206.7°, 62.4, 45.9	`hsl(206.7,62.4%,45.9%)`
HSV (or HSB)	206.7°, 76.8, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.592, -1.7, -40.946
XYZ	17.664, 18.919, 51.433
xyY	0.201, 0.215, 18.919
CIE-LCH	50.592, 40.982, 267.623
CIE-LUV	50.592, -28.152, -62.304
Hunter-Lab	43.496, -3.626, -39.662
Binary	00101100, 01111101, 10111110

#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#be6d2c
```
#be6d2c rgb(190,109,44)
```

Complementary Color

#2cbeb6
```
#2cbeb6 rgb(44,190,182)
```
#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#2c34be
```
#2c34be rgb(44,52,190)
```

Analogous Color

#beb62c
```
#beb62c rgb(190,182,44)
```
#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#be2c34
```
#be2c34 rgb(190,44,52)
```

Split Complementary Color

#7dbe2c
```
#7dbe2c rgb(125,190,44)
```
#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#be2c7d
```
#be2c7d rgb(190,44,125)
```

Triadic Color

#2cbe6d
```
#2cbe6d rgb(44,190,109)
```
#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#be2c7d
```
#be2c7d rgb(190,44,125)
```
#be6d2c
```
#be6d2c rgb(190,109,44)
```

Tetradic Color

#1e5480
```
#1e5480 rgb(30,84,128)
```
#226295
```
#226295 rgb(34,98,149)
```
#276fa9
```
#276fa9 rgb(39,111,169)
```
#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#348ad0
```
#348ad0 rgb(52,138,208)
```
#4896d5
```
#4896d5 rgb(72,150,213)
```
#5da2d9
```
#5da2d9 rgb(93,162,217)
```

Monochromatic Color

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

#2ca2be
```
#2ca2be rgb(44,162,190)
```
#2c95be
```
#2c95be rgb(44,149,190)
```
#2c89be
```
#2c89be rgb(44,137,190)
```
#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#2c71be
```
#2c71be rgb(44,113,190)
```
#2c65be
```
#2c65be rgb(44,101,190)
```
#2c59be
```
#2c59be rgb(44,89,190)
```

Similar Colors

Text with hexadecimal color #2c7dbe

This text has a font color of #2c7dbe.

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

#2c7dbe background color

This paragraph has a background color of #2c7dbe.

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

#2c7dbe border color

This element has a border color of #2c7dbe.

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

CSS codes

.text {color:#2c7dbe;}

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

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

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, #030a0f is the darkest color, while #fefeff is the lightest one.

#030a0f
```
#030a0f rgb(3,10,15)
```
#07141f
```
#07141f rgb(7,20,31)
```
#0b1f2f
```
#0b1f2f rgb(11,31,47)
```
#0e293f
```
#0e293f rgb(14,41,63)
```
#12344f
```
#12344f rgb(18,52,79)
```
#163e5e
```
#163e5e rgb(22,62,94)
```
#1a496e
```
#1a496e rgb(26,73,110)
```
#1d537e
```
#1d537e rgb(29,83,126)
```
#215e8e
```
#215e8e rgb(33,94,142)
```
#25689e
```
#25689e rgb(37,104,158)
```
#2873ae
```
#2873ae rgb(40,115,174)
```
#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#3087ce
```
#3087ce rgb(48,135,206)
```

Shade Color Variation

#3f91d2
```
#3f91d2 rgb(63,145,210)
```
#4f9ad6
```
#4f9ad6 rgb(79,154,214)
```
#5fa3da
```
#5fa3da rgb(95,163,218)
```
#6facde
```
#6facde rgb(111,172,222)
```
#7eb5e1
```
#7eb5e1 rgb(126,181,225)
```
#8ebee5
```
#8ebee5 rgb(142,190,229)
```
#9ec8e9
```
#9ec8e9 rgb(158,200,233)
```
#aed1ec
```
#aed1ec rgb(174,209,236)
```
#bedaf0
```
#bedaf0 rgb(190,218,240)
```
#cee3f4
```
#cee3f4 rgb(206,227,244)
```
#deecf7
```
#deecf7 rgb(222,236,247)
```
#eef5fb
```
#eef5fb rgb(238,245,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#747576
```
#747576 rgb(116,117,118)
```
#6b767f
```
#6b767f rgb(107,118,127)
```
#627788
```
#627788 rgb(98,119,136)
```
#597891
```
#597891 rgb(89,120,145)
```
#50799a
```
#50799a rgb(80,121,154)
```
#477aa3
```
#477aa3 rgb(71,122,163)
```
#3e7bac
```
#3e7bac rgb(62,123,172)
```
#357cb5
```
#357cb5 rgb(53,124,181)
```
#2c7dbe
```
#2c7dbe rgb(44,125,190)
```
#237ec7
```
#237ec7 rgb(35,126,199)
```
#1a7fd0
```
#1a7fd0 rgb(26,127,208)
```
#1180d9
```
#1180d9 rgb(17,128,217)
```
#0881e2
```
#0881e2 rgb(8,129,226)
```

Tone Color Variation

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

#667dbc Protanopia 1% of men
#547fc3 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

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

#2c7dbe hex color

#2c7dbe Color Information

#2c7dbe Color Conversion

Color Schemes with #2c7dbe

Alternatives to #2c7dbe

#2c7dbe Preview

Shades and Tints of #2c7dbe

Tones of #2c7dbe

Color Blindness Simulator