#2d6882 hex color

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

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

● #2d6882 color description : Dark moderate blue.

The hexadecimal color #2d6882 has RGB values of R:45, G:104, B:130 and CMYK values of C:0.65, M:0.2, Y:0, K:0.49. Its decimal value is 2975874.

Hex triplet	2d6882	`#2d6882`
RGB Decimal	45, 104, 130	`rgb(45,104,130)`
RGB Percent	17.6, 40.8, 51	`rgb(17.6%,40.8%,51%)`
CMYK	65, 20, 0, 49
HSL	198.4°, 48.6, 34.3	`hsl(198.4,48.6%,34.3%)`
HSV (or HSB)	198.4°, 65.4, 51
Web Safe	336699	`#336699`

CIE-LAB	41.326, -10.577, -20.13
XYZ	10.061, 12.069, 22.917
xyY	0.223, 0.268, 12.069
CIE-LCH	41.326, 22.739, 242.282
CIE-LUV	41.326, -23.087, -27.03
Hunter-Lab	34.741, -9.105, -14.792
Binary	00101101, 01101000, 10000010

#2d6882
```
#2d6882 rgb(45,104,130)
```
#82472d
```
#82472d rgb(130,71,45)
```

Complementary Color

#2d8272
```
#2d8272 rgb(45,130,114)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#2d3e82
```
#2d3e82 rgb(45,62,130)
```

Analogous Color

#82722d
```
#82722d rgb(130,114,45)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#822d3e
```
#822d3e rgb(130,45,62)
```

Split Complementary Color

#68822d
```
#68822d rgb(104,130,45)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#822d68
```
#822d68 rgb(130,45,104)
```

Triadic Color

#2d8247
```
#2d8247 rgb(45,130,71)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#822d68
```
#822d68 rgb(130,45,104)
```
#82472d
```
#82472d rgb(130,71,45)
```

Tetradic Color

#193b49
```
#193b49 rgb(25,59,73)
```
#204a5c
```
#204a5c rgb(32,74,92)
```
#26596f
```
#26596f rgb(38,89,111)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#347795
```
#347795 rgb(52,119,149)
```
#3a86a8
```
#3a86a8 rgb(58,134,168)
```
#4195bb
```
#4195bb rgb(65,149,187)
```

Monochromatic Color

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

#2d7d82
```
#2d7d82 rgb(45,125,130)
```
#2d7682
```
#2d7682 rgb(45,118,130)
```
#2d6f82
```
#2d6f82 rgb(45,111,130)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#2d6182
```
#2d6182 rgb(45,97,130)
```
#2d5a82
```
#2d5a82 rgb(45,90,130)
```
#2d5382
```
#2d5382 rgb(45,83,130)
```

Similar Colors

Text with hexadecimal color #2d6882

This text has a font color of #2d6882.

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

#2d6882 background color

This paragraph has a background color of #2d6882.

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

#2d6882 border color

This element has a border color of #2d6882.

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

CSS codes

.text {color:#2d6882;}

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

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

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)
```
#0f222b
```
#0f222b rgb(15,34,43)
```
#142e39
```
#142e39 rgb(20,46,57)
```
#193948
```
#193948 rgb(25,57,72)
```
#1e4556
```
#1e4556 rgb(30,69,86)
```
#235165
```
#235165 rgb(35,81,101)
```
#285c73
```
#285c73 rgb(40,92,115)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#327491
```
#327491 rgb(50,116,145)
```
#377f9f
```
#377f9f rgb(55,127,159)
```
#3c8bae
```
#3c8bae rgb(60,139,174)
```
#4197bc
```
#4197bc rgb(65,151,188)
```

Shade Color Variation

#4f9fc2
```
#4f9fc2 rgb(79,159,194)
```
#5ea7c7
```
#5ea7c7 rgb(94,167,199)
```
#6cafcc
```
#6cafcc rgb(108,175,204)
```
#7bb7d1
```
#7bb7d1 rgb(123,183,209)
```
#89bfd6
```
#89bfd6 rgb(137,191,214)
```
#98c7db
```
#98c7db rgb(152,199,219)
```
#a6cfe0
```
#a6cfe0 rgb(166,207,224)
```
#b5d7e5
```
#b5d7e5 rgb(181,215,229)
```
#c4dfea
```
#c4dfea rgb(196,223,234)
```
#d2e7ef
```
#d2e7ef rgb(210,231,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 #0578aa is the most saturated one.

#55585a
```
#55585a rgb(85,88,90)
```
#4f5b60
```
#4f5b60 rgb(79,91,96)
```
#485e67
```
#485e67 rgb(72,94,103)
```
#41606e
```
#41606e rgb(65,96,110)
```
#3a6375
```
#3a6375 rgb(58,99,117)
```
#34657b
```
#34657b rgb(52,101,123)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#266b89
```
#266b89 rgb(38,107,137)
```
#206d8f
```
#206d8f rgb(32,109,143)
```
#197096
```
#197096 rgb(25,112,150)
```
#12729d
```
#12729d rgb(18,114,157)
```
#0b75a4
```
#0b75a4 rgb(11,117,164)
```
#0578aa
```
#0578aa rgb(5,120,170)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#626883 Protanopia 1% of men
#5f688b Deuteranopia 1% of men
#2f727a Tritanopia 0.001% of the population

Trichromacy

#4e6883 Protanomaly 1% of men, 0.01% of women
#4c6888 Deuteranomaly 6% of men, 0.4% of women
#2e6e7d Tritanomaly 0.01% of the population

#2d6882 hex color

#2d6882 Color Information

#2d6882 Color Conversion

Color Schemes with #2d6882

Alternatives to #2d6882

#2d6882 Preview

Shades and Tints of #2d6882

Tones of #2d6882

Color Blindness Simulator