#2d7682 hex color

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

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

● #2d7682 color description : Dark moderate cyan.

The hexadecimal color #2d7682 has RGB values of R:45, G:118, B:130 and CMYK values of C:0.65, M:0.09, Y:0, K:0.49. Its decimal value is 2979458.

Hex triplet	2d7682	`#2d7682`
RGB Decimal	45, 118, 130	`rgb(45,118,130)`
RGB Percent	17.6, 46.3, 51	`rgb(17.6%,46.3%,51%)`
CMYK	65, 9, 0, 49
HSL	188.5°, 48.6, 34.3	`hsl(188.5,48.6%,34.3%)`
HSV (or HSB)	188.5°, 65.4, 51
Web Safe	336699	`#336699`

CIE-LAB	45.806, -18.47, -13.282
XYZ	11.589, 15.126, 23.427
xyY	0.231, 0.302, 15.126
CIE-LCH	45.806, 22.749, 215.72
CIE-LUV	45.806, -28.406, -16.335
Hunter-Lab	38.892, -14.871, -8.49
Binary	00101101, 01110110, 10000010

#2d7682
```
#2d7682 rgb(45,118,130)
```
#82392d
```
#82392d rgb(130,57,45)
```

Complementary Color

#2d8264
```
#2d8264 rgb(45,130,100)
```
#2d7682
```
#2d7682 rgb(45,118,130)
```
#2d4c82
```
#2d4c82 rgb(45,76,130)
```

Analogous Color

#82642d
```
#82642d rgb(130,100,45)
```
#2d7682
```
#2d7682 rgb(45,118,130)
```
#822d4c
```
#822d4c rgb(130,45,76)
```

Split Complementary Color

#76822d
```
#76822d rgb(118,130,45)
```
#2d7682
```
#2d7682 rgb(45,118,130)
```
#822d76
```
#822d76 rgb(130,45,118)
```

Triadic Color

#2d8239
```
#2d8239 rgb(45,130,57)
```
#2d7682
```
#2d7682 rgb(45,118,130)
```
#822d76
```
#822d76 rgb(130,45,118)
```
#82392d
```
#82392d rgb(130,57,45)
```

Tetradic Color

#194249
```
#194249 rgb(25,66,73)
```
#20545c
```
#20545c rgb(32,84,92)
```
#26656f
```
#26656f rgb(38,101,111)
```
#2d7682
```
#2d7682 rgb(45,118,130)
```
#348795
```
#348795 rgb(52,135,149)
```
#3a98a8
```
#3a98a8 rgb(58,152,168)
```
#41aabb
```
#41aabb rgb(65,170,187)
```

Monochromatic Color

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

#2d8279
```
#2d8279 rgb(45,130,121)
```
#2d8280
```
#2d8280 rgb(45,130,128)
```
#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)
```

Similar Colors

Text with hexadecimal color #2d7682

This text has a font color of #2d7682.

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

#2d7682 background color

This paragraph has a background color of #2d7682.

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

#2d7682 border color

This element has a border color of #2d7682.

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

CSS codes

.text {color:#2d7682;}

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

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

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

#050c0d
```
#050c0d rgb(5,12,13)
```
#0a191c
```
#0a191c rgb(10,25,28)
```
#0f272b
```
#0f272b rgb(15,39,43)
```
#143439
```
#143439 rgb(20,52,57)
```
#194148
```
#194148 rgb(25,65,72)
```
#1e4e56
```
#1e4e56 rgb(30,78,86)
```
#235c65
```
#235c65 rgb(35,92,101)
```
#286973
```
#286973 rgb(40,105,115)
```
#2d7682
```
#2d7682 rgb(45,118,130)
```
#328391
```
#328391 rgb(50,131,145)
```
#37909f
```
#37909f rgb(55,144,159)
```
#3c9eae
```
#3c9eae rgb(60,158,174)
```
#41abbc
```
#41abbc rgb(65,171,188)
```

Shade Color Variation

#4fb2c2
```
#4fb2c2 rgb(79,178,194)
```
#5eb8c7
```
#5eb8c7 rgb(94,184,199)
```
#6cbfcc
```
#6cbfcc rgb(108,191,204)
```
#7bc5d1
```
#7bc5d1 rgb(123,197,209)
```
#89cbd6
```
#89cbd6 rgb(137,203,214)
```
#98d2db
```
#98d2db rgb(152,210,219)
```
#a6d8e0
```
#a6d8e0 rgb(166,216,224)
```
#b5dfe5
```
#b5dfe5 rgb(181,223,229)
```
#c4e5ea
```
#c4e5ea rgb(196,229,234)
```
#d2ebef
```
#d2ebef rgb(210,235,239)
```
#e1f2f5
```
#e1f2f5 rgb(225,242,245)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#55595a
```
#55595a rgb(85,89,90)
```
#4f5e60
```
#4f5e60 rgb(79,94,96)
```
#486367
```
#486367 rgb(72,99,103)
```
#41686e
```
#41686e rgb(65,104,110)
```
#3a6c75
```
#3a6c75 rgb(58,108,117)
```
#34717b
```
#34717b rgb(52,113,123)
```
#2d7682
```
#2d7682 rgb(45,118,130)
```
#267b89
```
#267b89 rgb(38,123,137)
```
#20808f
```
#20808f rgb(32,128,143)
```
#198496
```
#198496 rgb(25,132,150)
```
#12899d
```
#12899d rgb(18,137,157)
```
#0b8ea4
```
#0b8ea4 rgb(11,142,164)
```
#0593aa
```
#0593aa rgb(5,147,170)
```

Tone Color Variation

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

Dichromacy

#717382 Protanopia 1% of men
#71718c Deuteranopia 1% of men
#367d86 Tritanopia 0.001% of the population

Trichromacy

#587482 Protanomaly 1% of men, 0.01% of women
#587388 Deuteranomaly 6% of men, 0.4% of women
#337a84 Tritanomaly 0.01% of the population

#2d7682 hex color

#2d7682 Color Information

#2d7682 Color Conversion

Color Schemes with #2d7682

Alternatives to #2d7682

#2d7682 Preview

Shades and Tints of #2d7682

Tones of #2d7682

Color Blindness Simulator