#3d6f82 hex color

In a RGB color space, hex #3d6f82 is composed of 23.9% red, 43.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 14.6% magenta, 0% yellow and 49% black. It has a hue angle of 196.5 degrees, a saturation of 36.1% and a lightness of 37.5%. #3d6f82 color hex could be obtained by blending #7adeff with #000005. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 44
- B 51
RGB color chart
- C 53
- M 15
- Y 0
- K 49
CMYK color chart

● #3d6f82 color description : Dark moderate blue.

The hexadecimal color #3d6f82 has RGB values of R:61, G:111, B:130 and CMYK values of C:0.53, M:0.15, Y:0, K:0.49. Its decimal value is 4026242.

Hex triplet	3d6f82	`#3d6f82`
RGB Decimal	61, 111, 130	`rgb(61,111,130)`
RGB Percent	23.9, 43.5, 51	`rgb(23.9%,43.5%,51%)`
CMYK	53, 15, 0, 49
HSL	196.5°, 36.1, 37.5	`hsl(196.5,36.1%,37.5%)`
HSV (or HSB)	196.5°, 53.1, 51
Web Safe	336699	`#336699`

CIE-LAB	44.193, -11.173, -15.678
XYZ	11.637, 13.972, 23.201
xyY	0.238, 0.286, 13.972
CIE-LCH	44.193, 19.251, 234.524
CIE-LUV	44.193, -21.705, -20.652
Hunter-Lab	37.379, -9.841, -10.636
Binary	00111101, 01101111, 10000010

#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#82503d
```
#82503d rgb(130,80,61)
```

Complementary Color

#3d8273
```
#3d8273 rgb(61,130,115)
```
#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#3d4d82
```
#3d4d82 rgb(61,77,130)
```

Analogous Color

#82733d
```
#82733d rgb(130,115,61)
```
#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#823d4d
```
#823d4d rgb(130,61,77)
```

Split Complementary Color

#6f823d
```
#6f823d rgb(111,130,61)
```
#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#823d6f
```
#823d6f rgb(130,61,111)
```

Triadic Color

#3d8250
```
#3d8250 rgb(61,130,80)
```
#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#823d6f
```
#823d6f rgb(130,61,111)
```
#82503d
```
#82503d rgb(130,80,61)
```

Tetradic Color

#25434e
```
#25434e rgb(37,67,78)
```
#2d515f
```
#2d515f rgb(45,81,95)
```
#356071
```
#356071 rgb(53,96,113)
```
#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#457e93
```
#457e93 rgb(69,126,147)
```
#4d8da5
```
#4d8da5 rgb(77,141,165)
```
#5a99b2
```
#5a99b2 rgb(90,153,178)
```

Monochromatic Color

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

#3d8082
```
#3d8082 rgb(61,128,130)
```
#3d7b82
```
#3d7b82 rgb(61,123,130)
```
#3d7582
```
#3d7582 rgb(61,117,130)
```
#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#3d6982
```
#3d6982 rgb(61,105,130)
```
#3d6482
```
#3d6482 rgb(61,100,130)
```
#3d5e82
```
#3d5e82 rgb(61,94,130)
```

Similar Colors

Text with hexadecimal color #3d6f82

This text has a font color of #3d6f82.

<span style="color:#3d6f82;">Text here</span>

#3d6f82 background color

This paragraph has a background color of #3d6f82.

<p style="background-color:#3d6f82;">Content here</p>

#3d6f82 border color

This element has a border color of #3d6f82.

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

CSS codes

.text {color:#3d6f82;}

.background {background-color:#3d6f82;}

.border {border:1px solid #3d6f82;}

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, #05080a is the darkest color, while #fbfdfd is the lightest one.

#05080a
```
#05080a rgb(5,8,10)
```
#0b1417
```
#0b1417 rgb(11,20,23)
```
#111f25
```
#111f25 rgb(17,31,37)
```
#172b32
```
#172b32 rgb(23,43,50)
```
#1e363f
```
#1e363f rgb(30,54,63)
```
#24414d
```
#24414d rgb(36,65,77)
```
#2a4d5a
```
#2a4d5a rgb(42,77,90)
```
#305867
```
#305867 rgb(48,88,103)
```
#376475
```
#376475 rgb(55,100,117)
```
#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#437a8f
```
#437a8f rgb(67,122,143)
```
#4a869d
```
#4a869d rgb(74,134,157)
```
#5091aa
```
#5091aa rgb(80,145,170)
```

Shade Color Variation

#5b9ab2
```
#5b9ab2 rgb(91,154,178)
```
#69a2b8
```
#69a2b8 rgb(105,162,184)
```
#76abbf
```
#76abbf rgb(118,171,191)
```
#83b3c5
```
#83b3c5 rgb(131,179,197)
```
#91bbcb
```
#91bbcb rgb(145,187,203)
```
#9ec3d2
```
#9ec3d2 rgb(158,195,210)
```
#abccd8
```
#abccd8 rgb(171,204,216)
```
#b9d4de
```
#b9d4de rgb(185,212,222)
```
#c6dce4
```
#c6dce4 rgb(198,220,228)
```
#d3e4eb
```
#d3e4eb rgb(211,228,235)
```
#e1ecf1
```
#e1ecf1 rgb(225,236,241)
```
#eef5f7
```
#eef5f7 rgb(238,245,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6265 is the less saturated color, while #0289bd is the most saturated one.

#5a6265
```
#5a6265 rgb(90,98,101)
```
#53656c
```
#53656c rgb(83,101,108)
```
#4c6873
```
#4c6873 rgb(76,104,115)
```
#446c7b
```
#446c7b rgb(68,108,123)
```
#3d6f82
```
#3d6f82 rgb(61,111,130)
```
#367289
```
#367289 rgb(54,114,137)
```
#2e7691
```
#2e7691 rgb(46,118,145)
```
#277998
```
#277998 rgb(39,121,152)
```
#207c9f
```
#207c9f rgb(32,124,159)
```
#1880a7
```
#1880a7 rgb(24,128,167)
```
#1183ae
```
#1183ae rgb(17,131,174)
```
#0a86b5
```
#0a86b5 rgb(10,134,181)
```
#0289bd
```
#0289bd rgb(2,137,189)
```

Tone Color Variation

Below, you can see how #3d6f82 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
#5b6568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6f84 Protanopia 1% of men
#6b6e8b Deuteranopia 1% of men
#437780 Tritanopia 0.001% of the population

Trichromacy

#5a6f83 Protanomaly 1% of men, 0.01% of women
#5a6e88 Deuteranomaly 6% of men, 0.4% of women
#417481 Tritanomaly 0.01% of the population

#3d6f82 hex color

#3d6f82 Color Information

#3d6f82 Color Conversion

Color Schemes with #3d6f82

Alternatives to #3d6f82

#3d6f82 Preview

Shades and Tints of #3d6f82

Tones of #3d6f82

Color Blindness Simulator