#2d6fc7 hex color

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

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

● #2d6fc7 color description : Strong blue.

The hexadecimal color #2d6fc7 has RGB values of R:45, G:111, B:199 and CMYK values of C:0.77, M:0.44, Y:0, K:0.22. Its decimal value is 2977735.

Hex triplet	2d6fc7	`#2d6fc7`
RGB Decimal	45, 111, 199	`rgb(45,111,199)`
RGB Percent	17.6, 43.5, 78	`rgb(17.6%,43.5%,78%)`
CMYK	77, 44, 0, 22
HSL	214.3°, 63.1, 47.8	`hsl(214.3,63.1%,47.8%)`
HSV (or HSB)	214.3°, 77.4, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.039, 10.398, -51.77
XYZ	17.073, 16.049, 56.228
xyY	0.191, 0.18, 16.049
CIE-LCH	47.039, 52.804, 281.357
CIE-LUV	47.039, -23.062, -79.29
Hunter-Lab	40.061, 5.965, -55.173
Binary	00101101, 01101111, 11000111

#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```
#c7852d
```
#c7852d rgb(199,133,45)
```

Complementary Color

#2dbcc7
```
#2dbcc7 rgb(45,188,199)
```
#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```
#382dc7
```
#382dc7 rgb(56,45,199)
```

Analogous Color

#bcc72d
```
#bcc72d rgb(188,199,45)
```
#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```
#c7382d
```
#c7382d rgb(199,56,45)
```

Split Complementary Color

#6fc72d
```
#6fc72d rgb(111,199,45)
```
#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```
#c72d6f
```
#c72d6f rgb(199,45,111)
```

Triadic Color

#2dc785
```
#2dc785 rgb(45,199,133)
```
#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```
#c72d6f
```
#c72d6f rgb(199,45,111)
```
#c7852d
```
#c7852d rgb(199,133,45)
```

Tetradic Color

#1f4c89
```
#1f4c89 rgb(31,76,137)
```
#24589d
```
#24589d rgb(36,88,157)
```
#2863b2
```
#2863b2 rgb(40,99,178)
```
#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```
#3b7cd3
```
#3b7cd3 rgb(59,124,211)
```
#508ad7
```
#508ad7 rgb(80,138,215)
```
#6498dc
```
#6498dc rgb(100,152,220)
```

Monochromatic Color

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

#2d96c7
```
#2d96c7 rgb(45,150,199)
```
#2d89c7
```
#2d89c7 rgb(45,137,199)
```
#2d7cc7
```
#2d7cc7 rgb(45,124,199)
```
#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```
#2d62c7
```
#2d62c7 rgb(45,98,199)
```
#2d55c7
```
#2d55c7 rgb(45,85,199)
```
#2d49c7
```
#2d49c7 rgb(45,73,199)
```

Similar Colors

Text with hexadecimal color #2d6fc7

This text has a font color of #2d6fc7.

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

#2d6fc7 background color

This paragraph has a background color of #2d6fc7.

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

#2d6fc7 border color

This element has a border color of #2d6fc7.

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

CSS codes

.text {color:#2d6fc7;}

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

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

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)
```
#050d17
```
#050d17 rgb(5,13,23)
```
#091627
```
#091627 rgb(9,22,39)
```
#0c1f37
```
#0c1f37 rgb(12,31,55)
```
#102847
```
#102847 rgb(16,40,71)
```
#143157
```
#143157 rgb(20,49,87)
```
#173967
```
#173967 rgb(23,57,103)
```
#1b4277
```
#1b4277 rgb(27,66,119)
```
#1f4b87
```
#1f4b87 rgb(31,75,135)
```
#225497
```
#225497 rgb(34,84,151)
```
#265da7
```
#265da7 rgb(38,93,167)
```
#2966b7
```
#2966b7 rgb(41,102,183)
```
#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```

Shade Color Variation

#3679d2
```
#3679d2 rgb(54,121,210)
```
#4683d5
```
#4683d5 rgb(70,131,213)
```
#568ed9
```
#568ed9 rgb(86,142,217)
```
#6699dc
```
#6699dc rgb(102,153,220)
```
#76a3e0
```
#76a3e0 rgb(118,163,224)
```
#86aee4
```
#86aee4 rgb(134,174,228)
```
#96b9e7
```
#96b9e7 rgb(150,185,231)
```
#a6c4eb
```
#a6c4eb rgb(166,196,235)
```
#b6ceef
```
#b6ceef rgb(182,206,239)
```
#c6d9f2
```
#c6d9f2 rgb(198,217,242)
```
#d6e4f6
```
#d6e4f6 rgb(214,228,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 #076aed is the most saturated one.

#787a7c
```
#787a7c rgb(120,122,124)
```
#6f7885
```
#6f7885 rgb(111,120,133)
```
#65778f
```
#65778f rgb(101,119,143)
```
#5c7698
```
#5c7698 rgb(92,118,152)
```
#5374a1
```
#5374a1 rgb(83,116,161)
```
#4973ab
```
#4973ab rgb(73,115,171)
```
#4072b4
```
#4072b4 rgb(64,114,180)
```
#3670be
```
#3670be rgb(54,112,190)
```
#2d6fc7
```
#2d6fc7 rgb(45,111,199)
```
#246ed0
```
#246ed0 rgb(36,110,208)
```
#1a6cda
```
#1a6cda rgb(26,108,218)
```
#116be3
```
#116be3 rgb(17,107,227)
```
#076aed
```
#076aed rgb(7,106,237)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a6779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b74c7 Protanopia 1% of men
#1778c8 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4072c7 Protanomaly 1% of men, 0.01% of women
#1f75c8 Deuteranomaly 6% of men, 0.4% of women
#107ba0 Tritanomaly 0.01% of the population

#2d6fc7 hex color

#2d6fc7 Color Information

#2d6fc7 Color Conversion

Color Schemes with #2d6fc7

Alternatives to #2d6fc7

#2d6fc7 Preview

Shades and Tints of #2d6fc7

Tones of #2d6fc7

Color Blindness Simulator