#2d6bc7 hex color

In a RGB color space, hex #2d6bc7 is composed of 17.6% red, 42% green and 78% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 46.2% magenta, 0% yellow and 22% black. It has a hue angle of 215.8 degrees, a saturation of 63.1% and a lightness of 47.8%. #2d6bc7 color hex could be obtained by blending #5ad6ff with #00008f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 42
- B 78
RGB color chart
- C 77
- M 46
- Y 0
- K 22
CMYK color chart

● #2d6bc7 color description : Strong blue.

The hexadecimal color #2d6bc7 has RGB values of R:45, G:107, B:199 and CMYK values of C:0.77, M:0.46, Y:0, K:0.22. Its decimal value is 2976711.

Hex triplet	2d6bc7	`#2d6bc7`
RGB Decimal	45, 107, 199	`rgb(45,107,199)`
RGB Percent	17.6, 42, 78	`rgb(17.6%,42%,78%)`
CMYK	77, 46, 0, 22
HSL	215.8°, 63.1, 47.8	`hsl(215.8,63.1%,47.8%)`
HSV (or HSB)	215.8°, 77.4, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.901, 12.932, -53.597
XYZ	16.646, 15.196, 56.085
xyY	0.189, 0.173, 15.196
CIE-LCH	45.901, 55.135, 283.565
CIE-LUV	45.901, -21.811, -81.789
Hunter-Lab	38.981, 8.008, -58.018
Binary	00101101, 01101011, 11000111

#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#c7892d
```
#c7892d rgb(199,137,45)
```

Complementary Color

#2db8c7
```
#2db8c7 rgb(45,184,199)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#3c2dc7
```
#3c2dc7 rgb(60,45,199)
```

Analogous Color

#b8c72d
```
#b8c72d rgb(184,199,45)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#c73c2d
```
#c73c2d rgb(199,60,45)
```

Split Complementary Color

#6bc72d
```
#6bc72d rgb(107,199,45)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#c72d6b
```
#c72d6b rgb(199,45,107)
```

Triadic Color

#2dc789
```
#2dc789 rgb(45,199,137)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#c72d6b
```
#c72d6b rgb(199,45,107)
```
#c7892d
```
#c7892d rgb(199,137,45)
```

Tetradic Color

#1f4989
```
#1f4989 rgb(31,73,137)
```
#24559d
```
#24559d rgb(36,85,157)
```
#2860b2
```
#2860b2 rgb(40,96,178)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#3b78d3
```
#3b78d3 rgb(59,120,211)
```
#5086d7
```
#5086d7 rgb(80,134,215)
```
#6495dc
```
#6495dc rgb(100,149,220)
```

Monochromatic Color

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

#2d92c7
```
#2d92c7 rgb(45,146,199)
```
#2d85c7
```
#2d85c7 rgb(45,133,199)
```
#2d78c7
```
#2d78c7 rgb(45,120,199)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#2d5ec7
```
#2d5ec7 rgb(45,94,199)
```
#2d51c7
```
#2d51c7 rgb(45,81,199)
```
#2d45c7
```
#2d45c7 rgb(45,69,199)
```

Similar Colors

Text with hexadecimal color #2d6bc7

This text has a font color of #2d6bc7.

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

#2d6bc7 background color

This paragraph has a background color of #2d6bc7.

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

#2d6bc7 border color

This element has a border color of #2d6bc7.

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

CSS codes

.text {color:#2d6bc7;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#050c17
```
#050c17 rgb(5,12,23)
```
#091527
```
#091527 rgb(9,21,39)
```
#0c1e37
```
#0c1e37 rgb(12,30,55)
```
#102647
```
#102647 rgb(16,38,71)
```
#142f57
```
#142f57 rgb(20,47,87)
```
#173767
```
#173767 rgb(23,55,103)
```
#1b4077
```
#1b4077 rgb(27,64,119)
```
#1f4987
```
#1f4987 rgb(31,73,135)
```
#225197
```
#225197 rgb(34,81,151)
```
#265aa7
```
#265aa7 rgb(38,90,167)
```
#2962b7
```
#2962b7 rgb(41,98,183)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```

Shade Color Variation

#3675d2
```
#3675d2 rgb(54,117,210)
```
#4680d5
```
#4680d5 rgb(70,128,213)
```
#568bd9
```
#568bd9 rgb(86,139,217)
```
#6696dc
```
#6696dc rgb(102,150,220)
```
#76a1e0
```
#76a1e0 rgb(118,161,224)
```
#86ace4
```
#86ace4 rgb(134,172,228)
```
#96b7e7
```
#96b7e7 rgb(150,183,231)
```
#a6c2eb
```
#a6c2eb rgb(166,194,235)
```
#b6cdef
```
#b6cdef rgb(182,205,239)
```
#c6d8f2
```
#c6d8f2 rgb(198,216,242)
```
#d6e3f6
```
#d6e3f6 rgb(214,227,246)
```
#e6eef9
```
#e6eef9 rgb(230,238,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787a7c is the less saturated color, while #0764ed is the most saturated one.

#787a7c
```
#787a7c rgb(120,122,124)
```
#6f7885
```
#6f7885 rgb(111,120,133)
```
#65768f
```
#65768f rgb(101,118,143)
```
#5c7498
```
#5c7498 rgb(92,116,152)
```
#5372a1
```
#5372a1 rgb(83,114,161)
```
#4970ab
```
#4970ab rgb(73,112,171)
```
#406fb4
```
#406fb4 rgb(64,111,180)
```
#366dbe
```
#366dbe rgb(54,109,190)
```
#2d6bc7
```
#2d6bc7 rgb(45,107,199)
```
#2469d0
```
#2469d0 rgb(36,105,208)
```
#1a67da
```
#1a67da rgb(26,103,218)
```
#1166e3
```
#1166e3 rgb(17,102,227)
```
#0764ed
```
#0764ed rgb(7,100,237)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#586577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4371c8 Protanopia 1% of men
#0076c4 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#3b6fc8 Protanomaly 1% of men, 0.01% of women
#1072c5 Deuteranomaly 6% of men, 0.4% of women
#10789e Tritanomaly 0.01% of the population

#2d6bc7 hex color

#2d6bc7 Color Information

#2d6bc7 Color Conversion

Color Schemes with #2d6bc7

Alternatives to #2d6bc7

#2d6bc7 Preview

Shades and Tints of #2d6bc7

Tones of #2d6bc7

Color Blindness Simulator