#3d66bf hex color

In a RGB color space, hex #3d66bf is composed of 23.9% red, 40% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 46.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 221.1 degrees, a saturation of 51.6% and a lightness of 49.4%. #3d66bf color hex could be obtained by blending #7accff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 24
- G 40
- B 75
RGB color chart
- C 68
- M 47
- Y 0
- K 25
CMYK color chart

● #3d66bf color description : Moderate blue.

The hexadecimal color #3d66bf has RGB values of R:61, G:102, B:191 and CMYK values of C:0.68, M:0.47, Y:0, K:0.25. Its decimal value is 4023999.

Hex triplet	3d66bf	`#3d66bf`
RGB Decimal	61, 102, 191	`rgb(61,102,191)`
RGB Percent	23.9, 40, 74.9	`rgb(23.9%,40%,74.9%)`
CMYK	68, 47, 0, 25
HSL	221.1°, 51.6, 49.4	`hsl(221.1,51.6%,49.4%)`
HSV (or HSB)	221.1°, 68.1, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.597, 15.33, -51.039
XYZ	16.078, 14.255, 51.192
xyY	0.197, 0.175, 14.255
CIE-LCH	44.597, 53.291, 286.718
CIE-LUV	44.597, -17.473, -77.558
Hunter-Lab	37.756, 9.937, -53.959
Binary	00111101, 01100110, 10111111

#3d66bf
```
#3d66bf rgb(61,102,191)
```
#bf963d
```
#bf963d rgb(191,150,61)
```

Complementary Color

#3da7bf
```
#3da7bf rgb(61,167,191)
```
#3d66bf
```
#3d66bf rgb(61,102,191)
```
#553dbf
```
#553dbf rgb(85,61,191)
```

Analogous Color

#a7bf3d
```
#a7bf3d rgb(167,191,61)
```
#3d66bf
```
#3d66bf rgb(61,102,191)
```
#bf553d
```
#bf553d rgb(191,85,61)
```

Split Complementary Color

#66bf3d
```
#66bf3d rgb(102,191,61)
```
#3d66bf
```
#3d66bf rgb(61,102,191)
```
#bf3d66
```
#bf3d66 rgb(191,61,102)
```

Triadic Color

#3dbf96
```
#3dbf96 rgb(61,191,150)
```
#3d66bf
```
#3d66bf rgb(61,102,191)
```
#bf3d66
```
#bf3d66 rgb(191,61,102)
```
#bf963d
```
#bf963d rgb(191,150,61)
```

Tetradic Color

#2a4785
```
#2a4785 rgb(42,71,133)
```
#315198
```
#315198 rgb(49,81,152)
```
#375cac
```
#375cac rgb(55,92,172)
```
#3d66bf
```
#3d66bf rgb(61,102,191)
```
#4f75c7
```
#4f75c7 rgb(79,117,199)
```
#6284cd
```
#6284cd rgb(98,132,205)
```
#7593d3
```
#7593d3 rgb(117,147,211)
```

Monochromatic Color

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

#3d87bf
```
#3d87bf rgb(61,135,191)
```
#3d7cbf
```
#3d7cbf rgb(61,124,191)
```
#3d71bf
```
#3d71bf rgb(61,113,191)
```
#3d66bf
```
#3d66bf rgb(61,102,191)
```
#3d5bbf
```
#3d5bbf rgb(61,91,191)
```
#3d50bf
```
#3d50bf rgb(61,80,191)
```
#3d46bf
```
#3d46bf rgb(61,70,191)
```

Similar Colors

Text with hexadecimal color #3d66bf

This text has a font color of #3d66bf.

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

#3d66bf background color

This paragraph has a background color of #3d66bf.

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

#3d66bf border color

This element has a border color of #3d66bf.

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

CSS codes

.text {color:#3d66bf;}

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

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

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, #04070d is the darkest color, while #fdfdfe is the lightest one.

#04070d
```
#04070d rgb(4,7,13)
```
#090f1b
```
#090f1b rgb(9,15,27)
```
#0e172a
```
#0e172a rgb(14,23,42)
```
#121f39
```
#121f39 rgb(18,31,57)
```
#172648
```
#172648 rgb(23,38,72)
```
#1c2e57
```
#1c2e57 rgb(28,46,87)
```
#213666
```
#213666 rgb(33,54,102)
```
#253e75
```
#253e75 rgb(37,62,117)
```
#2a4684
```
#2a4684 rgb(42,70,132)
```
#2f4e92
```
#2f4e92 rgb(47,78,146)
```
#3456a1
```
#3456a1 rgb(52,86,161)
```
#385eb0
```
#385eb0 rgb(56,94,176)
```
#3d66bf
```
#3d66bf rgb(61,102,191)
```

Shade Color Variation

#4a71c5
```
#4a71c5 rgb(74,113,197)
```
#597dca
```
#597dca rgb(89,125,202)
```
#6888cf
```
#6888cf rgb(104,136,207)
```
#7794d4
```
#7794d4 rgb(119,148,212)
```
#86a0d8
```
#86a0d8 rgb(134,160,216)
```
#95abdd
```
#95abdd rgb(149,171,221)
```
#a4b7e2
```
#a4b7e2 rgb(164,183,226)
```
#b2c3e7
```
#b2c3e7 rgb(178,195,231)
```
#c1cfeb
```
#c1cfeb rgb(193,207,235)
```
#d0daf0
```
#d0daf0 rgb(208,218,240)
```
#dfe6f5
```
#dfe6f5 rgb(223,230,245)
```
#eef2fa
```
#eef2fa rgb(238,242,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777b85 is the less saturated color, while #0351f9 is the most saturated one.

#777b85
```
#777b85 rgb(119,123,133)
```
#6d788f
```
#6d788f rgb(109,120,143)
```
#647498
```
#647498 rgb(100,116,152)
```
#5a71a2
```
#5a71a2 rgb(90,113,162)
```
#506dac
```
#506dac rgb(80,109,172)
```
#476ab5
```
#476ab5 rgb(71,106,181)
```
#3d66bf
```
#3d66bf rgb(61,102,191)
```
#3362c9
```
#3362c9 rgb(51,98,201)
```
#2a5fd2
```
#2a5fd2 rgb(42,95,210)
```
#205bdc
```
#205bdc rgb(32,91,220)
```
#1658e6
```
#1658e6 rgb(22,88,230)
```
#0d54ef
```
#0d54ef rgb(13,84,239)
```
#0351f9
```
#0351f9 rgb(3,81,249)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5c6476 Atypical Achromatopsia 0.001% of the population

Dichromacy

#436ec2 Protanopia 1% of men
#0773c0 Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#406bc1 Protanomaly 1% of men, 0.01% of women
#1a6ebf Deuteranomaly 6% of men, 0.4% of women
#16749a Tritanomaly 0.01% of the population

#3d66bf hex color

#3d66bf Color Information

#3d66bf Color Conversion

Color Schemes with #3d66bf

Alternatives to #3d66bf

#3d66bf Preview

Shades and Tints of #3d66bf

Tones of #3d66bf

Color Blindness Simulator