#2d6682 hex color

In a RGB color space, hex #2d6682 is composed of 17.6% red, 40% green and 51% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 21.5% magenta, 0% yellow and 49% black. It has a hue angle of 199.8 degrees, a saturation of 48.6% and a lightness of 34.3%. #2d6682 color hex could be obtained by blending #5accff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 40
- B 51
RGB color chart
- C 65
- M 22
- Y 0
- K 49
CMYK color chart

● #2d6682 color description : Dark moderate blue.

The hexadecimal color #2d6682 has RGB values of R:45, G:102, B:130 and CMYK values of C:0.65, M:0.22, Y:0, K:0.49. Its decimal value is 2975362.

Hex triplet	2d6682	`#2d6682`
RGB Decimal	45, 102, 130	`rgb(45,102,130)`
RGB Percent	17.6, 40, 51	`rgb(17.6%,40%,51%)`
CMYK	65, 22, 0, 49
HSL	199.8°, 48.6, 34.3	`hsl(199.8,48.6%,34.3%)`
HSV (or HSB)	199.8°, 65.4, 51
Web Safe	336699	`#336699`

CIE-LAB	40.689, -9.4, -21.113
XYZ	9.862, 11.672, 22.851
xyY	0.222, 0.263, 11.672
CIE-LCH	40.689, 23.111, 246
CIE-LUV	40.689, -22.334, -28.533
Hunter-Lab	34.164, -8.26, -15.743
Binary	00101101, 01100110, 10000010

#2d6682
```
#2d6682 rgb(45,102,130)
```
#82492d
```
#82492d rgb(130,73,45)
```

Complementary Color

#2d8274
```
#2d8274 rgb(45,130,116)
```
#2d6682
```
#2d6682 rgb(45,102,130)
```
#2d3c82
```
#2d3c82 rgb(45,60,130)
```

Analogous Color

#82742d
```
#82742d rgb(130,116,45)
```
#2d6682
```
#2d6682 rgb(45,102,130)
```
#822d3c
```
#822d3c rgb(130,45,60)
```

Split Complementary Color

#66822d
```
#66822d rgb(102,130,45)
```
#2d6682
```
#2d6682 rgb(45,102,130)
```
#822d66
```
#822d66 rgb(130,45,102)
```

Triadic Color

#2d8249
```
#2d8249 rgb(45,130,73)
```
#2d6682
```
#2d6682 rgb(45,102,130)
```
#822d66
```
#822d66 rgb(130,45,102)
```
#82492d
```
#82492d rgb(130,73,45)
```

Tetradic Color

#193949
```
#193949 rgb(25,57,73)
```
#20485c
```
#20485c rgb(32,72,92)
```
#26576f
```
#26576f rgb(38,87,111)
```
#2d6682
```
#2d6682 rgb(45,102,130)
```
#347595
```
#347595 rgb(52,117,149)
```
#3a84a8
```
#3a84a8 rgb(58,132,168)
```
#4193bb
```
#4193bb rgb(65,147,187)
```

Monochromatic Color

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

#2d7b82
```
#2d7b82 rgb(45,123,130)
```
#2d7482
```
#2d7482 rgb(45,116,130)
```
#2d6d82
```
#2d6d82 rgb(45,109,130)
```
#2d6682
```
#2d6682 rgb(45,102,130)
```
#2d5f82
```
#2d5f82 rgb(45,95,130)
```
#2d5882
```
#2d5882 rgb(45,88,130)
```
#2d5182
```
#2d5182 rgb(45,81,130)
```

Similar Colors

Text with hexadecimal color #2d6682

This text has a font color of #2d6682.

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

#2d6682 background color

This paragraph has a background color of #2d6682.

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

#2d6682 border color

This element has a border color of #2d6682.

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

CSS codes

.text {color:#2d6682;}

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

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

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, #050b0d is the darkest color, while #fefeff is the lightest one.

#050b0d
```
#050b0d rgb(5,11,13)
```
#0a161c
```
#0a161c rgb(10,22,28)
```
#0f212b
```
#0f212b rgb(15,33,43)
```
#142d39
```
#142d39 rgb(20,45,57)
```
#193848
```
#193848 rgb(25,56,72)
```
#1e4456
```
#1e4456 rgb(30,68,86)
```
#234f65
```
#234f65 rgb(35,79,101)
```
#285b73
```
#285b73 rgb(40,91,115)
```
#2d6682
```
#2d6682 rgb(45,102,130)
```
#327191
```
#327191 rgb(50,113,145)
```
#377d9f
```
#377d9f rgb(55,125,159)
```
#3c88ae
```
#3c88ae rgb(60,136,174)
```
#4194bc
```
#4194bc rgb(65,148,188)
```

Shade Color Variation

#4f9cc2
```
#4f9cc2 rgb(79,156,194)
```
#5ea4c7
```
#5ea4c7 rgb(94,164,199)
```
#6cadcc
```
#6cadcc rgb(108,173,204)
```
#7bb5d1
```
#7bb5d1 rgb(123,181,209)
```
#89bdd6
```
#89bdd6 rgb(137,189,214)
```
#98c5db
```
#98c5db rgb(152,197,219)
```
#a6cde0
```
#a6cde0 rgb(166,205,224)
```
#b5d5e5
```
#b5d5e5 rgb(181,213,229)
```
#c4deea
```
#c4deea rgb(196,222,234)
```
#d2e6ef
```
#d2e6ef rgb(210,230,239)
```
#e1eef5
```
#e1eef5 rgb(225,238,245)
```
#eff6fa
```
#eff6fa rgb(239,246,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#55585a
```
#55585a rgb(85,88,90)
```
#4f5b60
```
#4f5b60 rgb(79,91,96)
```
#485d67
```
#485d67 rgb(72,93,103)
```
#415f6e
```
#415f6e rgb(65,95,110)
```
#3a6175
```
#3a6175 rgb(58,97,117)
```
#34647b
```
#34647b rgb(52,100,123)
```
#2d6682
```
#2d6682 rgb(45,102,130)
```
#266889
```
#266889 rgb(38,104,137)
```
#206b8f
```
#206b8f rgb(32,107,143)
```
#196d96
```
#196d96 rgb(25,109,150)
```
#126f9d
```
#126f9d rgb(18,111,157)
```
#0b71a4
```
#0b71a4 rgb(11,113,164)
```
#0574aa
```
#0574aa rgb(5,116,170)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f5b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606783 Protanopia 1% of men
#5c678b Deuteranopia 1% of men
#2e7079 Tritanopia 0.001% of the population

Trichromacy

#4d6683 Protanomaly 1% of men, 0.01% of women
#4b6687 Deuteranomaly 6% of men, 0.4% of women
#2d6c7c Tritanomaly 0.01% of the population

#2d6682 hex color

#2d6682 Color Information

#2d6682 Color Conversion

Color Schemes with #2d6682

Alternatives to #2d6682

#2d6682 Preview

Shades and Tints of #2d6682

Tones of #2d6682

Color Blindness Simulator