colorhexa.com

#3b66bd hex color

In a RGB color space, hex #3b66bd is composed of 23.1% red, 40% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 46% magenta, 0% yellow and 25.9% black. It has a hue angle of 220.2 degrees, a saturation of 52.4% and a lightness of 48.6%. #3b66bd color hex could be obtained by blending #76ccff with #00007b. 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

● #3b66bd color description : Moderate blue.

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

Hex triplet	3b66bd	`#3b66bd`
RGB Decimal	59, 102, 189	`rgb(59,102,189)`
RGB Percent	23.1, 40, 74.1	`rgb(23.1%,40%,74.1%)`
CMYK	69, 46, 0, 26
HSL	220.2°, 52.4, 48.6	`hsl(220.2,52.4%,48.6%)`
HSV (or HSB)	220.2°, 68.8, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.384, 14.288, -50.225
XYZ	15.738, 14.106, 50.035
xyY	0.197, 0.177, 14.106
CIE-LCH	44.384, 52.218, 285.88
CIE-LUV	44.384, -17.912, -76.15
Hunter-Lab	37.557, 9.074, -52.697
Binary	00111011, 01100110, 10111101

#3b66bd
```
#3b66bd rgb(59,102,189)
```
#bd923b
```
#bd923b rgb(189,146,59)
```

Complementary Color

#3ba7bd
```
#3ba7bd rgb(59,167,189)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```
#513bbd
```
#513bbd rgb(81,59,189)
```

Analogous Color

#a7bd3b
```
#a7bd3b rgb(167,189,59)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```
#bd513b
```
#bd513b rgb(189,81,59)
```

Split Complementary Color

#66bd3b
```
#66bd3b rgb(102,189,59)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```
#bd3b66
```
#bd3b66 rgb(189,59,102)
```

Triadic Color

#3bbd92
```
#3bbd92 rgb(59,189,146)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```
#bd3b66
```
#bd3b66 rgb(189,59,102)
```
#bd923b
```
#bd923b rgb(189,146,59)
```

Tetradic Color

#294783
```
#294783 rgb(41,71,131)
```
#2f5196
```
#2f5196 rgb(47,81,150)
```
#355caa
```
#355caa rgb(53,92,170)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```
#4b74c7
```
#4b74c7 rgb(75,116,199)
```
#5e83cd
```
#5e83cd rgb(94,131,205)
```
#7292d3
```
#7292d3 rgb(114,146,211)
```

Monochromatic Color

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

#3b87bd
```
#3b87bd rgb(59,135,189)
```
#3b7cbd
```
#3b7cbd rgb(59,124,189)
```
#3b71bd
```
#3b71bd rgb(59,113,189)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```
#3b5bbd
```
#3b5bbd rgb(59,91,189)
```
#3b50bd
```
#3b50bd rgb(59,80,189)
```
#3b46bd
```
#3b46bd rgb(59,70,189)
```

Similar Colors

Text with hexadecimal color #3b66bd

This text has a font color of #3b66bd.

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

#3b66bd background color

This paragraph has a background color of #3b66bd.

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

#3b66bd border color

This element has a border color of #3b66bd.

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

CSS codes

.text {color:#3b66bd;}

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

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#080d19
```
#080d19 rgb(8,13,25)
```
#0c1528
```
#0c1528 rgb(12,21,40)
```
#111d36
```
#111d36 rgb(17,29,54)
```
#162545
```
#162545 rgb(22,37,69)
```
#1a2e54
```
#1a2e54 rgb(26,46,84)
```
#1f3663
```
#1f3663 rgb(31,54,99)
```
#243e72
```
#243e72 rgb(36,62,114)
```
#284681
```
#284681 rgb(40,70,129)
```
#2d4e90
```
#2d4e90 rgb(45,78,144)
```
#32569f
```
#32569f rgb(50,86,159)
```
#365eae
```
#365eae rgb(54,94,174)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```

Shade Color Variation

#4670c5
```
#4670c5 rgb(70,112,197)
```
#557cca
```
#557cca rgb(85,124,202)
```
#6487cf
```
#6487cf rgb(100,135,207)
```
#7393d3
```
#7393d3 rgb(115,147,211)
```
#829ed8
```
#829ed8 rgb(130,158,216)
```
#91aadd
```
#91aadd rgb(145,170,221)
```
#a0b6e1
```
#a0b6e1 rgb(160,182,225)
```
#afc1e6
```
#afc1e6 rgb(175,193,230)
```
#becdeb
```
#becdeb rgb(190,205,235)
```
#cdd8ef
```
#cdd8ef rgb(205,216,239)
```
#dce4f4
```
#dce4f4 rgb(220,228,244)
```
#ebeff9
```
#ebeff9 rgb(235,239,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#747984
```
#747984 rgb(116,121,132)
```
#6b768d
```
#6b768d rgb(107,118,141)
```
#617397
```
#617397 rgb(97,115,151)
```
#5870a0
```
#5870a0 rgb(88,112,160)
```
#4e6caa
```
#4e6caa rgb(78,108,170)
```
#4569b3
```
#4569b3 rgb(69,105,179)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```
#3163c7
```
#3163c7 rgb(49,99,199)
```
#2860d0
```
#2860d0 rgb(40,96,208)
```
#1e5cda
```
#1e5cda rgb(30,92,218)
```
#1559e3
```
#1559e3 rgb(21,89,227)
```
#0b56ed
```
#0b56ed rgb(11,86,237)
```
#0253f6
```
#0253f6 rgb(2,83,246)
```

Tone Color Variation

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

#446ec0 Protanopia 1% of men
#1572be Deuteranopia 1% of men
#007b84 Tritanopia 0.001% of the population

Trichromacy

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