colorhexa.com

#3b66bc hex color

In a RGB color space, hex #3b66bc is composed of 23.1% red, 40% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 45.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 220 degrees, a saturation of 52.2% and a lightness of 48.4%. #3b66bc color hex could be obtained by blending #76ccff with #000079. Closest websafe color is: #3366cc.

- R 23
- G 40
- B 74
RGB color chart
- C 69
- M 46
- Y 0
- K 26
CMYK color chart

● #3b66bc color description : Moderate blue.

The hexadecimal color #3b66bc has RGB values of R:59, G:102, B:188 and CMYK values of C:0.69, M:0.46, Y:0, K:0.26. Its decimal value is 3892924.

Hex triplet	3b66bc	`#3b66bc`
RGB Decimal	59, 102, 188	`rgb(59,102,188)`
RGB Percent	23.1, 40, 73.7	`rgb(23.1%,40%,73.7%)`
CMYK	69, 46, 0, 26
HSL	220°, 52.2, 48.4	`hsl(220,52.2%,48.4%)`
HSV (or HSB)	220°, 68.6, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.322, 13.924, -49.744
XYZ	15.63, 14.062, 49.465
xyY	0.197, 0.178, 14.062
CIE-LCH	44.322, 51.656, 285.637
CIE-LUV	44.322, -17.92, -75.368
Hunter-Lab	37.5, 8.775, -51.958
Binary	00111011, 01100110, 10111100

#3b66bc
```
#3b66bc rgb(59,102,188)
```
#bc913b
```
#bc913b rgb(188,145,59)
```

Complementary Color

#3ba7bc
```
#3ba7bc rgb(59,167,188)
```
#3b66bc
```
#3b66bc rgb(59,102,188)
```
#513bbc
```
#513bbc rgb(81,59,188)
```

Analogous Color

#a7bc3b
```
#a7bc3b rgb(167,188,59)
```
#3b66bc
```
#3b66bc rgb(59,102,188)
```
#bc513b
```
#bc513b rgb(188,81,59)
```

Split Complementary Color

#66bc3b
```
#66bc3b rgb(102,188,59)
```
#3b66bc
```
#3b66bc rgb(59,102,188)
```
#bc3b66
```
#bc3b66 rgb(188,59,102)
```

Triadic Color

#3bbc91
```
#3bbc91 rgb(59,188,145)
```
#3b66bc
```
#3b66bc rgb(59,102,188)
```
#bc3b66
```
#bc3b66 rgb(188,59,102)
```
#bc913b
```
#bc913b rgb(188,145,59)
```

Tetradic Color

#294682
```
#294682 rgb(41,70,130)
```
#2f5195
```
#2f5195 rgb(47,81,149)
```
#355ba9
```
#355ba9 rgb(53,91,169)
```
#3b66bc
```
#3b66bc rgb(59,102,188)
```
#4a74c6
```
#4a74c6 rgb(74,116,198)
```
#5e83cc
```
#5e83cc rgb(94,131,204)
```
#7192d2
```
#7192d2 rgb(113,146,210)
```

Monochromatic Color

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

#3b86bc
```
#3b86bc rgb(59,134,188)
```
#3b7cbc
```
#3b7cbc rgb(59,124,188)
```
#3b71bc
```
#3b71bc rgb(59,113,188)
```
#3b66bc
```
#3b66bc rgb(59,102,188)
```
#3b5bbc
```
#3b5bbc rgb(59,91,188)
```
#3b50bc
```
#3b50bc rgb(59,80,188)
```
#3b46bc
```
#3b46bc rgb(59,70,188)
```

Similar Colors

Text with hexadecimal color #3b66bc

This text has a font color of #3b66bc.

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

#3b66bc background color

This paragraph has a background color of #3b66bc.

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

#3b66bc border color

This element has a border color of #3b66bc.

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

CSS codes

.text {color:#3b66bc;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070d18
```
#070d18 rgb(7,13,24)
```
#0c1527
```
#0c1527 rgb(12,21,39)
```
#111d36
```
#111d36 rgb(17,29,54)
```
#162545
```
#162545 rgb(22,37,69)
```
#1a2d53
```
#1a2d53 rgb(26,45,83)
```
#1f3562
```
#1f3562 rgb(31,53,98)
```
#243d71
```
#243d71 rgb(36,61,113)
```
#284680
```
#284680 rgb(40,70,128)
```
#2d4e8f
```
#2d4e8f rgb(45,78,143)
```
#32569e
```
#32569e rgb(50,86,158)
```
#365ead
```
#365ead rgb(54,94,173)
```
#3b66bc
```
#3b66bc rgb(59,102,188)
```

Shade Color Variation

#4670c5
```
#4670c5 rgb(70,112,197)
```
#557cca
```
#557cca rgb(85,124,202)
```
#6487ce
```
#6487ce rgb(100,135,206)
```
#7393d3
```
#7393d3 rgb(115,147,211)
```
#819ed8
```
#819ed8 rgb(129,158,216)
```
#90aadc
```
#90aadc rgb(144,170,220)
```
#9fb5e1
```
#9fb5e1 rgb(159,181,225)
```
#aec1e6
```
#aec1e6 rgb(174,193,230)
```
#bdccea
```
#bdccea rgb(189,204,234)
```
#ccd8ef
```
#ccd8ef rgb(204,216,239)
```
#dbe3f4
```
#dbe3f4 rgb(219,227,244)
```
#eaeff8
```
#eaeff8 rgb(234,239,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747983 is the less saturated color, while #0253f5 is the most saturated one.

#747983
```
#747983 rgb(116,121,131)
```
#6b768d
```
#6b768d rgb(107,118,141)
```
#617396
```
#617396 rgb(97,115,150)
```
#5870a0
```
#5870a0 rgb(88,112,160)
```
#4e6ca9
```
#4e6ca9 rgb(78,108,169)
```
#4569b3
```
#4569b3 rgb(69,105,179)
```
#3b66bc
```
#3b66bc rgb(59,102,188)
```
#3263c6
```
#3263c6 rgb(50,99,198)
```
#2860cf
```
#2860cf rgb(40,96,207)
```
#1f5dd9
```
#1f5dd9 rgb(31,93,217)
```
#1559e2
```
#1559e2 rgb(21,89,226)
```
#0c56ec
```
#0c56ec rgb(12,86,236)
```
#0253f5
```
#0253f5 rgb(2,83,245)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5b6475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#456dbf Protanopia 1% of men
#1a72bd Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

#416bbe Protanomaly 1% of men, 0.01% of women
#266dbd Deuteranomaly 6% of men, 0.4% of women
#157398 Tritanomaly 0.01% of the population