#2d6fa7 hex color

In a RGB color space, hex #2d6fa7 is composed of 17.6% red, 43.5% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 33.5% magenta, 0% yellow and 34.5% black. It has a hue angle of 207.5 degrees, a saturation of 57.5% and a lightness of 41.6%. #2d6fa7 color hex could be obtained by blending #5adeff with #00004f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 44
- B 65
RGB color chart
- C 73
- M 34
- Y 0
- K 35
CMYK color chart

● #2d6fa7 color description : Dark blue.

The hexadecimal color #2d6fa7 has RGB values of R:45, G:111, B:167 and CMYK values of C:0.73, M:0.34, Y:0, K:0.35. Its decimal value is 2977703.

Hex triplet	2d6fa7	`#2d6fa7`
RGB Decimal	45, 111, 167	`rgb(45,111,167)`
RGB Percent	17.6, 43.5, 65.5	`rgb(17.6%,43.5%,65.5%)`
CMYK	73, 34, 0, 35
HSL	207.5°, 57.5, 41.6	`hsl(207.5,57.5%,41.6%)`
HSV (or HSB)	207.5°, 73.1, 65.5
Web Safe	336699	`#336699`

CIE-LAB	45.242, -1.562, -36.048
XYZ	13.74, 14.716, 38.673
xyY	0.205, 0.219, 14.716
CIE-LCH	45.242, 36.082, 267.519
CIE-LUV	45.242, -24.134, -53.209
Hunter-Lab	38.361, -3.197, -32.92
Binary	00101101, 01101111, 10100111

#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#a7652d
```
#a7652d rgb(167,101,45)
```

Complementary Color

#2da7a2
```
#2da7a2 rgb(45,167,162)
```
#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#2d32a7
```
#2d32a7 rgb(45,50,167)
```

Analogous Color

#a7a22d
```
#a7a22d rgb(167,162,45)
```
#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#a72d32
```
#a72d32 rgb(167,45,50)
```

Split Complementary Color

#6fa72d
```
#6fa72d rgb(111,167,45)
```
#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#a72d6f
```
#a72d6f rgb(167,45,111)
```

Triadic Color

#2da765
```
#2da765 rgb(45,167,101)
```
#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#a72d6f
```
#a72d6f rgb(167,45,111)
```
#a7652d
```
#a7652d rgb(167,101,45)
```

Tetradic Color

#1d476b
```
#1d476b rgb(29,71,107)
```
#22547f
```
#22547f rgb(34,84,127)
```
#286293
```
#286293 rgb(40,98,147)
```
#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#327cbb
```
#327cbb rgb(50,124,187)
```
#3c89cb
```
#3c89cb rgb(60,137,203)
```
#5195d0
```
#5195d0 rgb(81,149,208)
```

Monochromatic Color

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

#2d8ea7
```
#2d8ea7 rgb(45,142,167)
```
#2d83a7
```
#2d83a7 rgb(45,131,167)
```
#2d79a7
```
#2d79a7 rgb(45,121,167)
```
#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#2d65a7
```
#2d65a7 rgb(45,101,167)
```
#2d5ba7
```
#2d5ba7 rgb(45,91,167)
```
#2d50a7
```
#2d50a7 rgb(45,80,167)
```

Similar Colors

Text with hexadecimal color #2d6fa7

This text has a font color of #2d6fa7.

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

#2d6fa7 background color

This paragraph has a background color of #2d6fa7.

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

#2d6fa7 border color

This element has a border color of #2d6fa7.

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

CSS codes

.text {color:#2d6fa7;}

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

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

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, #03080c is the darkest color, while #fcfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#08131c
```
#08131c rgb(8,19,28)
```
#0c1d2b
```
#0c1d2b rgb(12,29,43)
```
#10273b
```
#10273b rgb(16,39,59)
```
#14314a
```
#14314a rgb(20,49,74)
```
#183c5a
```
#183c5a rgb(24,60,90)
```
#1c4669
```
#1c4669 rgb(28,70,105)
```
#215079
```
#215079 rgb(33,80,121)
```
#255a88
```
#255a88 rgb(37,90,136)
```
#296598
```
#296598 rgb(41,101,152)
```
#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#3179b6
```
#3179b6 rgb(49,121,182)
```
#3584c6
```
#3584c6 rgb(53,132,198)
```

Shade Color Variation

#438dcc
```
#438dcc rgb(67,141,204)
```
#5296d0
```
#5296d0 rgb(82,150,208)
```
#62a0d5
```
#62a0d5 rgb(98,160,213)
```
#71a9d9
```
#71a9d9 rgb(113,169,217)
```
#80b2dd
```
#80b2dd rgb(128,178,221)
```
#90bce1
```
#90bce1 rgb(144,188,225)
```
#9fc5e5
```
#9fc5e5 rgb(159,197,229)
```
#afcee9
```
#afcee9 rgb(175,206,233)
```
#bed8ee
```
#bed8ee rgb(190,216,238)
```
#cee1f2
```
#cee1f2 rgb(206,225,242)
```
#ddebf6
```
#ddebf6 rgb(221,235,246)
```
#edf4fa
```
#edf4fa rgb(237,244,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666a6e is the less saturated color, while #0472d0 is the most saturated one.

#666a6e
```
#666a6e rgb(102,106,110)
```
#5e6b76
```
#5e6b76 rgb(94,107,118)
```
#566c7e
```
#566c7e rgb(86,108,126)
```
#4e6c86
```
#4e6c86 rgb(78,108,134)
```
#456d8f
```
#456d8f rgb(69,109,143)
```
#3d6e97
```
#3d6e97 rgb(61,110,151)
```
#356e9f
```
#356e9f rgb(53,110,159)
```
#2d6fa7
```
#2d6fa7 rgb(45,111,167)
```
#2570af
```
#2570af rgb(37,112,175)
```
#1d70b7
```
#1d70b7 rgb(29,112,183)
```
#1571bf
```
#1571bf rgb(21,113,191)
```
#0c72c8
```
#0c72c8 rgb(12,114,200)
```
#0472d0
```
#0472d0 rgb(4,114,208)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#576570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e70a7 Protanopia 1% of men
#5072ad Deuteranopia 1% of men
#007d87 Tritanopia 0.001% of the population

Trichromacy

#4c70a7 Protanomaly 1% of men, 0.01% of women
#4371aa Deuteranomaly 6% of men, 0.4% of women
#107892 Tritanomaly 0.01% of the population

#2d6fa7 hex color

#2d6fa7 Color Information

#2d6fa7 Color Conversion

Color Schemes with #2d6fa7

Alternatives to #2d6fa7

#2d6fa7 Preview

Shades and Tints of #2d6fa7

Tones of #2d6fa7

Color Blindness Simulator