#2d6da1 hex color

In a RGB color space, hex #2d6da1 is composed of 17.6% red, 42.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 32.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 206.9 degrees, a saturation of 56.3% and a lightness of 40.4%. #2d6da1 color hex could be obtained by blending #5adaff with #000043. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 43
- B 63
RGB color chart
- C 72
- M 32
- Y 0
- K 37
CMYK color chart

● #2d6da1 color description : Dark blue.

The hexadecimal color #2d6da1 has RGB values of R:45, G:109, B:161 and CMYK values of C:0.72, M:0.32, Y:0, K:0.37. Its decimal value is 2977185.

Hex triplet	2d6da1	`#2d6da1`
RGB Decimal	45, 109, 161	`rgb(45,109,161)`
RGB Percent	17.6, 42.7, 63.1	`rgb(17.6%,42.7%,63.1%)`
CMYK	72, 32, 0, 37
HSL	206.9°, 56.3, 40.4	`hsl(206.9,56.3%,40.4%)`
HSV (or HSB)	206.9°, 72, 63.1
Web Safe	336699	`#336699`

CIE-LAB	44.329, -2.542, -33.956
XYZ	12.982, 14.067, 35.747
xyY	0.207, 0.224, 14.067
CIE-LCH	44.329, 34.051, 265.719
CIE-LUV	44.329, -23.665, -49.624
Hunter-Lab	37.506, -3.851, -30.255
Binary	00101101, 01101101, 10100001

#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#a1612d
```
#a1612d rgb(161,97,45)
```

Complementary Color

#2da19b
```
#2da19b rgb(45,161,155)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#2d33a1
```
#2d33a1 rgb(45,51,161)
```

Analogous Color

#a19b2d
```
#a19b2d rgb(161,155,45)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#a12d33
```
#a12d33 rgb(161,45,51)
```

Split Complementary Color

#6da12d
```
#6da12d rgb(109,161,45)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#a12d6d
```
#a12d6d rgb(161,45,109)
```

Triadic Color

#2da161
```
#2da161 rgb(45,161,97)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#a12d6d
```
#a12d6d rgb(161,45,109)
```
#a1612d
```
#a1612d rgb(161,97,45)
```

Tetradic Color

#1c4565
```
#1c4565 rgb(28,69,101)
```
#225279
```
#225279 rgb(34,82,121)
```
#27608d
```
#27608d rgb(39,96,141)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#337ab5
```
#337ab5 rgb(51,122,181)
```
#3988c8
```
#3988c8 rgb(57,136,200)
```
#4d94cd
```
#4d94cd rgb(77,148,205)
```

Monochromatic Color

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

#2d8aa1
```
#2d8aa1 rgb(45,138,161)
```
#2d80a1
```
#2d80a1 rgb(45,128,161)
```
#2d77a1
```
#2d77a1 rgb(45,119,161)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#2d63a1
```
#2d63a1 rgb(45,99,161)
```
#2d5aa1
```
#2d5aa1 rgb(45,90,161)
```
#2d50a1
```
#2d50a1 rgb(45,80,161)
```

Similar Colors

Text with hexadecimal color #2d6da1

This text has a font color of #2d6da1.

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

#2d6da1 background color

This paragraph has a background color of #2d6da1.

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

#2d6da1 border color

This element has a border color of #2d6da1.

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

CSS codes

.text {color:#2d6da1;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#061017
```
#061017 rgb(6,16,23)
```
#0b1a26
```
#0b1a26 rgb(11,26,38)
```
#0f2436
```
#0f2436 rgb(15,36,54)
```
#132f45
```
#132f45 rgb(19,47,69)
```
#183954
```
#183954 rgb(24,57,84)
```
#1c4364
```
#1c4364 rgb(28,67,100)
```
#204e73
```
#204e73 rgb(32,78,115)
```
#245882
```
#245882 rgb(36,88,130)
```
#296392
```
#296392 rgb(41,99,146)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#3177b0
```
#3177b0 rgb(49,119,176)
```
#3682c0
```
#3682c0 rgb(54,130,192)
```

Shade Color Variation

#3f8cc9
```
#3f8cc9 rgb(63,140,201)
```
#4f95ce
```
#4f95ce rgb(79,149,206)
```
#5e9ed2
```
#5e9ed2 rgb(94,158,210)
```
#6da7d6
```
#6da7d6 rgb(109,167,214)
```
#7db1db
```
#7db1db rgb(125,177,219)
```
#8cbadf
```
#8cbadf rgb(140,186,223)
```
#9bc3e3
```
#9bc3e3 rgb(155,195,227)
```
#abcce7
```
#abcce7 rgb(171,204,231)
```
#bad5ec
```
#bad5ec rgb(186,213,236)
```
#c9dff0
```
#c9dff0 rgb(201,223,240)
```
#d9e8f4
```
#d9e8f4 rgb(217,232,244)
```
#e8f1f9
```
#e8f1f9 rgb(232,241,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64676a is the less saturated color, while #0571c9 is the most saturated one.

#64676a
```
#64676a rgb(100,103,106)
```
#5d6871
```
#5d6871 rgb(93,104,113)
```
#556979
```
#556979 rgb(85,105,121)
```
#4d6a81
```
#4d6a81 rgb(77,106,129)
```
#456b89
```
#456b89 rgb(69,107,137)
```
#3d6b91
```
#3d6b91 rgb(61,107,145)
```
#356c99
```
#356c99 rgb(53,108,153)
```
#2d6da1
```
#2d6da1 rgb(45,109,161)
```
#256ea9
```
#256ea9 rgb(37,110,169)
```
#1d6fb1
```
#1d6fb1 rgb(29,111,177)
```
#156fb9
```
#156fb9 rgb(21,111,185)
```
#0d70c1
```
#0d70c1 rgb(13,112,193)
```
#0571c9
```
#0571c9 rgb(5,113,201)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#56636d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6ea1 Protanopia 1% of men
#5170a7 Deuteranopia 1% of men
#077b84 Tritanopia 0.001% of the population

Trichromacy

#4c6ea1 Protanomaly 1% of men, 0.01% of women
#446fa5 Deuteranomaly 6% of men, 0.4% of women
#14768e Tritanomaly 0.01% of the population

#2d6da1 hex color

#2d6da1 Color Information

#2d6da1 Color Conversion

Color Schemes with #2d6da1

Alternatives to #2d6da1

#2d6da1 Preview

Shades and Tints of #2d6da1

Tones of #2d6da1

Color Blindness Simulator