#3d697a hex color

In a RGB color space, hex #3d697a is composed of 23.9% red, 41.2% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 13.9% magenta, 0% yellow and 52.2% black. It has a hue angle of 196.7 degrees, a saturation of 33.3% and a lightness of 35.9%. #3d697a color hex could be obtained by blending #7ad2f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 24
- G 41
- B 48
RGB color chart
- C 50
- M 14
- Y 0
- K 52
CMYK color chart

● #3d697a color description : Dark moderate blue.

The hexadecimal color #3d697a has RGB values of R:61, G:105, B:122 and CMYK values of C:0.5, M:0.14, Y:0, K:0.52. Its decimal value is 4024698.

Hex triplet	3d697a	`#3d697a`
RGB Decimal	61, 105, 122	`rgb(61,105,122)`
RGB Percent	23.9, 41.2, 47.8	`rgb(23.9%,41.2%,47.8%)`
CMYK	50, 14, 0, 52
HSL	196.7°, 33.3, 35.9	`hsl(196.7,33.3%,35.9%)`
HSV (or HSB)	196.7°, 50, 47.8
Web Safe	336666	`#336666`

CIE-LAB	42, -10.177, -14.202
XYZ	10.488, 12.5, 20.271
xyY	0.242, 0.289, 12.5
CIE-LCH	42, 17.472, 234.375
CIE-LUV	42, -19.512, -18.369
Hunter-Lab	35.355, -8.92, -9.246
Binary	00111101, 01101001, 01111010

#3d697a
```
#3d697a rgb(61,105,122)
```
#7a4e3d
```
#7a4e3d rgb(122,78,61)
```

Complementary Color

#3d7a6d
```
#3d7a6d rgb(61,122,109)
```
#3d697a
```
#3d697a rgb(61,105,122)
```
#3d4b7a
```
#3d4b7a rgb(61,75,122)
```

Analogous Color

#7a6d3d
```
#7a6d3d rgb(122,109,61)
```
#3d697a
```
#3d697a rgb(61,105,122)
```
#7a3d4b
```
#7a3d4b rgb(122,61,75)
```

Split Complementary Color

#697a3d
```
#697a3d rgb(105,122,61)
```
#3d697a
```
#3d697a rgb(61,105,122)
```
#7a3d69
```
#7a3d69 rgb(122,61,105)
```

Triadic Color

#3d7a4e
```
#3d7a4e rgb(61,122,78)
```
#3d697a
```
#3d697a rgb(61,105,122)
```
#7a3d69
```
#7a3d69 rgb(122,61,105)
```
#7a4e3d
```
#7a4e3d rgb(122,78,61)
```

Tetradic Color

#243d47
```
#243d47 rgb(36,61,71)
```
#2c4c58
```
#2c4c58 rgb(44,76,88)
```
#355a69
```
#355a69 rgb(53,90,105)
```
#3d697a
```
#3d697a rgb(61,105,122)
```
#46788b
```
#46788b rgb(70,120,139)
```
#4e869c
```
#4e869c rgb(78,134,156)
```
#5894ac
```
#5894ac rgb(88,148,172)
```

Monochromatic Color

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

#3d787a
```
#3d787a rgb(61,120,122)
```
#3d737a
```
#3d737a rgb(61,115,122)
```
#3d6e7a
```
#3d6e7a rgb(61,110,122)
```
#3d697a
```
#3d697a rgb(61,105,122)
```
#3d647a
```
#3d647a rgb(61,100,122)
```
#3d5f7a
```
#3d5f7a rgb(61,95,122)
```
#3d5a7a
```
#3d5a7a rgb(61,90,122)
```

Similar Colors

Text with hexadecimal color #3d697a

This text has a font color of #3d697a.

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

#3d697a background color

This paragraph has a background color of #3d697a.

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

#3d697a border color

This element has a border color of #3d697a.

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

CSS codes

.text {color:#3d697a;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#090f11
```
#090f11 rgb(9,15,17)
```
#0f1a1e
```
#0f1a1e rgb(15,26,30)
```
#16252c
```
#16252c rgb(22,37,44)
```
#1c3139
```
#1c3139 rgb(28,49,57)
```
#233c46
```
#233c46 rgb(35,60,70)
```
#294753
```
#294753 rgb(41,71,83)
```
#305260
```
#305260 rgb(48,82,96)
```
#365e6d
```
#365e6d rgb(54,94,109)
```
#3d697a
```
#3d697a rgb(61,105,122)
```
#447487
```
#447487 rgb(68,116,135)
```
#4a8094
```
#4a8094 rgb(74,128,148)
```
#518ba1
```
#518ba1 rgb(81,139,161)
```

Shade Color Variation

#5995ac
```
#5995ac rgb(89,149,172)
```
#669db3
```
#669db3 rgb(102,157,179)
```
#73a6b9
```
#73a6b9 rgb(115,166,185)
```
#81aec0
```
#81aec0 rgb(129,174,192)
```
#8eb7c6
```
#8eb7c6 rgb(142,183,198)
```
#9bbfcd
```
#9bbfcd rgb(155,191,205)
```
#a8c7d3
```
#a8c7d3 rgb(168,199,211)
```
#b5d0da
```
#b5d0da rgb(181,208,218)
```
#c2d8e0
```
#c2d8e0 rgb(194,216,224)
```
#cfe0e7
```
#cfe0e7 rgb(207,224,231)
```
#dce9ee
```
#dce9ee rgb(220,233,238)
```
#e9f1f4
```
#e9f1f4 rgb(233,241,244)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595d5e is the less saturated color, while #0582b2 is the most saturated one.

#595d5e
```
#595d5e rgb(89,93,94)
```
#526065
```
#526065 rgb(82,96,101)
```
#4b636c
```
#4b636c rgb(75,99,108)
```
#446673
```
#446673 rgb(68,102,115)
```
#3d697a
```
#3d697a rgb(61,105,122)
```
#366c81
```
#366c81 rgb(54,108,129)
```
#2f6f88
```
#2f6f88 rgb(47,111,136)
```
#28728f
```
#28728f rgb(40,114,143)
```
#217596
```
#217596 rgb(33,117,150)
```
#1a799d
```
#1a799d rgb(26,121,157)
```
#137ca4
```
#137ca4 rgb(19,124,164)
```
#0c7fab
```
#0c7fab rgb(12,127,171)
```
#0582b2
```
#0582b2 rgb(5,130,178)
```

Tone Color Variation

Below, you can see how #3d697a 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

#5e5e5e Achromatopsia 0.005% of the population
#576064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676a7c Protanopia 1% of men
#676983 Deuteranopia 1% of men
#44717a Tritanopia 0.001% of the population

Trichromacy

#57697b Protanomaly 1% of men, 0.01% of women
#586980 Deuteranomaly 6% of men, 0.4% of women
#416e7a Tritanomaly 0.01% of the population

#3d697a hex color

#3d697a Color Information

#3d697a Color Conversion

Color Schemes with #3d697a

Alternatives to #3d697a

#3d697a Preview

Shades and Tints of #3d697a

Tones of #3d697a

Color Blindness Simulator