#3b66d5 hex color

In a RGB color space, hex #3b66d5 is composed of 23.1% red, 40% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 52.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 223.2 degrees, a saturation of 64.7% and a lightness of 53.3%. #3b66d5 color hex could be obtained by blending #76ccff with #0000ab. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 40
- B 84
RGB color chart
- C 72
- M 52
- Y 0
- K 16
CMYK color chart

● #3b66d5 color description : Moderate blue.

The hexadecimal color #3b66d5 has RGB values of R:59, G:102, B:213 and CMYK values of C:0.72, M:0.52, Y:0, K:0.16. Its decimal value is 3892949.

Hex triplet	3b66d5	`#3b66d5`
RGB Decimal	59, 102, 213	`rgb(59,102,213)`
RGB Percent	23.1, 40, 83.5	`rgb(23.1%,40%,83.5%)`
CMYK	72, 52, 0, 16
HSL	223.2°, 64.7, 53.3	`hsl(223.2,64.7%,53.3%)`
HSV (or HSB)	223.2°, 72.3, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.955, 23.046, -61.505
XYZ	18.563, 15.235, 64.91
xyY	0.188, 0.154, 15.235
CIE-LCH	45.955, 65.681, 290.541
CIE-LUV	45.955, -17.793, -94.385
Hunter-Lab	39.033, 16.582, -71.274
Binary	00111011, 01100110, 11010101

#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#d5aa3b
```
#d5aa3b rgb(213,170,59)
```

Complementary Color

#3bb3d5
```
#3bb3d5 rgb(59,179,213)
```
#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#5d3bd5
```
#5d3bd5 rgb(93,59,213)
```

Analogous Color

#b3d53b
```
#b3d53b rgb(179,213,59)
```
#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#d55d3b
```
#d55d3b rgb(213,93,59)
```

Split Complementary Color

#66d53b
```
#66d53b rgb(102,213,59)
```
#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#d53b66
```
#d53b66 rgb(213,59,102)
```

Triadic Color

#3bd5aa
```
#3bd5aa rgb(59,213,170)
```
#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#d53b66
```
#d53b66 rgb(213,59,102)
```
#d5aa3b
```
#d5aa3b rgb(213,170,59)
```

Tetradic Color

#2346a1
```
#2346a1 rgb(35,70,161)
```
#274fb6
```
#274fb6 rgb(39,79,182)
```
#2c58cb
```
#2c58cb rgb(44,88,203)
```
#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#5076da
```
#5076da rgb(80,118,218)
```
#6587de
```
#6587de rgb(101,135,222)
```
#7a97e3
```
#7a97e3 rgb(122,151,227)
```

Monochromatic Color

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

#3b8dd5
```
#3b8dd5 rgb(59,141,213)
```
#3b80d5
```
#3b80d5 rgb(59,128,213)
```
#3b73d5
```
#3b73d5 rgb(59,115,213)
```
#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#3b59d5
```
#3b59d5 rgb(59,89,213)
```
#3b4cd5
```
#3b4cd5 rgb(59,76,213)
```
#3b40d5
```
#3b40d5 rgb(59,64,213)
```

Similar Colors

Text with hexadecimal color #3b66d5

This text has a font color of #3b66d5.

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

#3b66d5 background color

This paragraph has a background color of #3b66d5.

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

#3b66d5 border color

This element has a border color of #3b66d5.

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

CSS codes

.text {color:#3b66d5;}

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

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

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, #03060e is the darkest color, while #fdfdff is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#060d1e
```
#060d1e rgb(6,13,30)
```
#0a142e
```
#0a142e rgb(10,20,46)
```
#0d1b3e
```
#0d1b3e rgb(13,27,62)
```
#11224f
```
#11224f rgb(17,34,79)
```
#14295f
```
#14295f rgb(20,41,95)
```
#18306f
```
#18306f rgb(24,48,111)
```
#1b377f
```
#1b377f rgb(27,55,127)
```
#1f3e8f
```
#1f3e8f rgb(31,62,143)
```
#22459f
```
#22459f rgb(34,69,159)
```
#264cb0
```
#264cb0 rgb(38,76,176)
```
#2953c0
```
#2953c0 rgb(41,83,192)
```
#2d5ad0
```
#2d5ad0 rgb(45,90,208)
```

Shade Color Variation

#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#4b73d8
```
#4b73d8 rgb(75,115,216)
```
#5b7fdc
```
#5b7fdc rgb(91,127,220)
```
#6b8cdf
```
#6b8cdf rgb(107,140,223)
```
#7c98e3
```
#7c98e3 rgb(124,152,227)
```
#8ca5e6
```
#8ca5e6 rgb(140,165,230)
```
#9cb2ea
```
#9cb2ea rgb(156,178,234)
```
#acbeed
```
#acbeed rgb(172,190,237)
```
#bccbf1
```
#bccbf1 rgb(188,203,241)
```
#ccd7f4
```
#ccd7f4 rgb(204,215,244)
```
#dde4f8
```
#dde4f8 rgb(221,228,248)
```
#edf1fb
```
#edf1fb rgb(237,241,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868c is the less saturated color, while #1656fa is the most saturated one.

#84868c
```
#84868c rgb(132,134,140)
```
#7b8295
```
#7b8295 rgb(123,130,149)
```
#727e9e
```
#727e9e rgb(114,126,158)
```
#697aa7
```
#697aa7 rgb(105,122,167)
```
#6076b0
```
#6076b0 rgb(96,118,176)
```
#5672ba
```
#5672ba rgb(86,114,186)
```
#4d6ec3
```
#4d6ec3 rgb(77,110,195)
```
#446acc
```
#446acc rgb(68,106,204)
```
#3b66d5
```
#3b66d5 rgb(59,102,213)
```
#3262de
```
#3262de rgb(50,98,222)
```
#295ee7
```
#295ee7 rgb(41,94,231)
```
#205af0
```
#205af0 rgb(32,90,240)
```
#1656fa
```
#1656fa rgb(22,86,250)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5d667c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2170d9 Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#2a6cd8 Protanomaly 1% of men, 0.01% of women
#1570c9 Deuteranomaly 6% of men, 0.4% of women
#1576a4 Tritanomaly 0.01% of the population

#3b66d5 hex color

#3b66d5 Color Information

#3b66d5 Color Conversion

Color Schemes with #3b66d5

Alternatives to #3b66d5

#3b66d5 Preview

Shades and Tints of #3b66d5

Tones of #3b66d5

Color Blindness Simulator