#2d6dbe hex color

In a RGB color space, hex #2d6dbe is composed of 17.6% red, 42.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 42.6% magenta, 0% yellow and 25.5% black. It has a hue angle of 213.5 degrees, a saturation of 61.7% and a lightness of 46.1%. #2d6dbe color hex could be obtained by blending #5adaff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 43
- B 75
RGB color chart
- C 76
- M 43
- Y 0
- K 25
CMYK color chart

● #2d6dbe color description : Strong blue.

The hexadecimal color #2d6dbe has RGB values of R:45, G:109, B:190 and CMYK values of C:0.76, M:0.43, Y:0, K:0.25. Its decimal value is 2977214.

Hex triplet	2d6dbe	`#2d6dbe`
RGB Decimal	45, 109, 190	`rgb(45,109,190)`
RGB Percent	17.6, 42.7, 74.5	`rgb(17.6%,42.7%,74.5%)`
CMYK	76, 43, 0, 25
HSL	213.5°, 61.7, 46.1	`hsl(213.5,61.7%,46.1%)`
HSV (or HSB)	213.5°, 76.3, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.923, 8.263, -48.369
XYZ	15.843, 15.212, 50.814
xyY	0.194, 0.186, 15.212
CIE-LCH	45.923, 49.07, 279.694
CIE-LUV	45.923, -22.683, -73.44
Hunter-Lab	39.002, 4.255, -49.944
Binary	00101101, 01101101, 10111110

#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#be7e2d
```
#be7e2d rgb(190,126,45)
```

Complementary Color

#2db6be
```
#2db6be rgb(45,182,190)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#362dbe
```
#362dbe rgb(54,45,190)
```

Analogous Color

#b6be2d
```
#b6be2d rgb(182,190,45)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#be362d
```
#be362d rgb(190,54,45)
```

Split Complementary Color

#6dbe2d
```
#6dbe2d rgb(109,190,45)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#be2d6d
```
#be2d6d rgb(190,45,109)
```

Triadic Color

#2dbe7e
```
#2dbe7e rgb(45,190,126)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#be2d6d
```
#be2d6d rgb(190,45,109)
```
#be7e2d
```
#be7e2d rgb(190,126,45)
```

Tetradic Color

#1e4a80
```
#1e4a80 rgb(30,74,128)
```
#235595
```
#235595 rgb(35,85,149)
```
#2861a9
```
#2861a9 rgb(40,97,169)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#3579cf
```
#3579cf rgb(53,121,207)
```
#4a87d4
```
#4a87d4 rgb(74,135,212)
```
#5f95d9
```
#5f95d9 rgb(95,149,217)
```

Monochromatic Color

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

#2d91be
```
#2d91be rgb(45,145,190)
```
#2d85be
```
#2d85be rgb(45,133,190)
```
#2d79be
```
#2d79be rgb(45,121,190)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#2d61be
```
#2d61be rgb(45,97,190)
```
#2d55be
```
#2d55be rgb(45,85,190)
```
#2d49be
```
#2d49be rgb(45,73,190)
```

Similar Colors

Text with hexadecimal color #2d6dbe

This text has a font color of #2d6dbe.

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

#2d6dbe background color

This paragraph has a background color of #2d6dbe.

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

#2d6dbe border color

This element has a border color of #2d6dbe.

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

CSS codes

.text {color:#2d6dbe;}

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

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

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

#040910
```
#040910 rgb(4,9,16)
```
#07121f
```
#07121f rgb(7,18,31)
```
#0b1b2f
```
#0b1b2f rgb(11,27,47)
```
#0f243f
```
#0f243f rgb(15,36,63)
```
#132d4f
```
#132d4f rgb(19,45,79)
```
#16365f
```
#16365f rgb(22,54,95)
```
#1a406f
```
#1a406f rgb(26,64,111)
```
#1e497f
```
#1e497f rgb(30,73,127)
```
#22528e
```
#22528e rgb(34,82,142)
```
#255b9e
```
#255b9e rgb(37,91,158)
```
#2964ae
```
#2964ae rgb(41,100,174)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#3176ce
```
#3176ce rgb(49,118,206)
```

Shade Color Variation

#4081d2
```
#4081d2 rgb(64,129,210)
```
#508bd6
```
#508bd6 rgb(80,139,214)
```
#6096d9
```
#6096d9 rgb(96,150,217)
```
#70a0dd
```
#70a0dd rgb(112,160,221)
```
#80abe1
```
#80abe1 rgb(128,171,225)
```
#90b5e5
```
#90b5e5 rgb(144,181,229)
```
#a0c0e8
```
#a0c0e8 rgb(160,192,232)
```
#afcaec
```
#afcaec rgb(175,202,236)
```
#bfd5f0
```
#bfd5f0 rgb(191,213,240)
```
#cfdff4
```
#cfdff4 rgb(207,223,244)
```
#dfeaf7
```
#dfeaf7 rgb(223,234,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757576
```
#757576 rgb(117,117,118)
```
#6c747f
```
#6c747f rgb(108,116,127)
```
#637388
```
#637388 rgb(99,115,136)
```
#5a7291
```
#5a7291 rgb(90,114,145)
```
#51719a
```
#51719a rgb(81,113,154)
```
#4870a3
```
#4870a3 rgb(72,112,163)
```
#3f6fac
```
#3f6fac rgb(63,111,172)
```
#366eb5
```
#366eb5 rgb(54,110,181)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#246cc7
```
#246cc7 rgb(36,108,199)
```
#1b6bd0
```
#1b6bd0 rgb(27,107,208)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```

Tone Color Variation

Below, you can see how #2d6dbe 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
#586575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e71bf Protanopia 1% of men
#2b75c0 Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#4270be Protanomaly 1% of men, 0.01% of women
#2c72bf Deuteranomaly 6% of men, 0.4% of women
#10789b Tritanomaly 0.01% of the population

#2d6dbe hex color

#2d6dbe Color Information

#2d6dbe Color Conversion

Color Schemes with #2d6dbe

Alternatives to #2d6dbe

#2d6dbe Preview

Shades and Tints of #2d6dbe

Tones of #2d6dbe

Color Blindness Simulator