#746fbb hex color

In a RGB color space, hex #746fbb is composed of 45.5% red, 43.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 40.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 243.9 degrees, a saturation of 35.8% and a lightness of 58.4%. #746fbb color hex could be obtained by blending #e8deff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 45
- G 44
- B 73
RGB color chart
- C 38
- M 41
- Y 0
- K 27
CMYK color chart

● #746fbb color description : Slightly desaturated blue.

The hexadecimal color #746fbb has RGB values of R:116, G:111, B:187 and CMYK values of C:0.38, M:0.41, Y:0, K:0.27. Its decimal value is 7630779.

Hex triplet	746fbb	`#746fbb`
RGB Decimal	116, 111, 187	`rgb(116,111,187)`
RGB Percent	45.5, 43.5, 73.3	`rgb(45.5%,43.5%,73.3%)`
CMYK	38, 41, 0, 27
HSL	243.9°, 35.8, 58.4	`hsl(243.9,35.8%,58.4%)`
HSV (or HSB)	243.9°, 40.6, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.298, 20.551, -39.439
XYZ	21.855, 18.669, 49.463
xyY	0.243, 0.207, 18.669
CIE-LCH	50.298, 44.472, 297.523
CIE-LUV	50.298, -2.417, -62.239
Hunter-Lab	43.208, 14.672, -37.628
Binary	01110100, 01101111, 10111011

#746fbb
```
#746fbb rgb(116,111,187)
```
#b6bb6f
```
#b6bb6f rgb(182,187,111)
```

Complementary Color

#6f90bb
```
#6f90bb rgb(111,144,187)
```
#746fbb
```
#746fbb rgb(116,111,187)
```
#9a6fbb
```
#9a6fbb rgb(154,111,187)
```

Analogous Color

#90bb6f
```
#90bb6f rgb(144,187,111)
```
#746fbb
```
#746fbb rgb(116,111,187)
```
#bb9a6f
```
#bb9a6f rgb(187,154,111)
```

Split Complementary Color

#6fbb74
```
#6fbb74 rgb(111,187,116)
```
#746fbb
```
#746fbb rgb(116,111,187)
```
#bb746f
```
#bb746f rgb(187,116,111)
```

Triadic Color

#6fb6bb
```
#6fb6bb rgb(111,182,187)
```
#746fbb
```
#746fbb rgb(116,111,187)
```
#bb746f
```
#bb746f rgb(187,116,111)
```
#b6bb6f
```
#b6bb6f rgb(182,187,111)
```

Tetradic Color

#4c4796
```
#4c4796 rgb(76,71,150)
```
#554fa8
```
#554fa8 rgb(85,79,168)
```
#635eb3
```
#635eb3 rgb(99,94,179)
```
#746fbb
```
#746fbb rgb(116,111,187)
```
#8580c3
```
#8580c3 rgb(133,128,195)
```
#9592cb
```
#9592cb rgb(149,146,203)
```
#a6a3d4
```
#a6a3d4 rgb(166,163,212)
```

Monochromatic Color

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

#6f7dbb
```
#6f7dbb rgb(111,125,187)
```
#6f77bb
```
#6f77bb rgb(111,119,187)
```
#6f70bb
```
#6f70bb rgb(111,112,187)
```
#746fbb
```
#746fbb rgb(116,111,187)
```
#7a6fbb
```
#7a6fbb rgb(122,111,187)
```
#816fbb
```
#816fbb rgb(129,111,187)
```
#876fbb
```
#876fbb rgb(135,111,187)
```

Similar Colors

Text with hexadecimal color #746fbb

This text has a font color of #746fbb.

<span style="color:#746fbb;">Text here</span>

#746fbb background color

This paragraph has a background color of #746fbb.

<p style="background-color:#746fbb;">Content here</p>

#746fbb border color

This element has a border color of #746fbb.

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

CSS codes

.text {color:#746fbb;}

.background {background-color:#746fbb;}

.border {border:1px solid #746fbb;}

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

#010103
```
#010103 rgb(1,1,3)
```
#080810
```
#080810 rgb(8,8,16)
```
#0f0e1d
```
#0f0e1d rgb(15,14,29)
```
#16142b
```
#16142b rgb(22,20,43)
```
#1c1a38
```
#1c1a38 rgb(28,26,56)
```
#232145
```
#232145 rgb(35,33,69)
```
#2a2753
```
#2a2753 rgb(42,39,83)
```
#312d60
```
#312d60 rgb(49,45,96)
```
#37346d
```
#37346d rgb(55,52,109)
```
#3e3a7a
```
#3e3a7a rgb(62,58,122)
```
#454088
```
#454088 rgb(69,64,136)
```
#4c4695
```
#4c4695 rgb(76,70,149)
```
#524da2
```
#524da2 rgb(82,77,162)
```

Shade Color Variation

#5a54ae
```
#5a54ae rgb(90,84,174)
```
#6762b5
```
#6762b5 rgb(103,98,181)
```
#746fbb
```
#746fbb rgb(116,111,187)
```
#817cc1
```
#817cc1 rgb(129,124,193)
```
#8e8ac8
```
#8e8ac8 rgb(142,138,200)
```
#9b97ce
```
#9b97ce rgb(155,151,206)
```
#a7a4d4
```
#a7a4d4 rgb(167,164,212)
```
#b4b2da
```
#b4b2da rgb(180,178,218)
```
#c1bfe1
```
#c1bfe1 rgb(193,191,225)
```
#cecce7
```
#cecce7 rgb(206,204,231)
```
#dbdaed
```
#dbdaed rgb(219,218,237)
```
#e8e7f4
```
#e8e7f4 rgb(232,231,244)
```
#f5f4fa
```
#f5f4fa rgb(245,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90909a is the less saturated color, while #3b2efc is the most saturated one.

#90909a
```
#90909a rgb(144,144,154)
```
#8987a3
```
#8987a3 rgb(137,135,163)
```
#827fab
```
#827fab rgb(130,127,171)
```
#7b77b3
```
#7b77b3 rgb(123,119,179)
```
#746fbb
```
#746fbb rgb(116,111,187)
```
#6d67c3
```
#6d67c3 rgb(109,103,195)
```
#665fcb
```
#665fcb rgb(102,95,203)
```
#5f57d3
```
#5f57d3 rgb(95,87,211)
```
#584edc
```
#584edc rgb(88,78,220)
```
#5146e4
```
#5146e4 rgb(81,70,228)
```
#4a3eec
```
#4a3eec rgb(74,62,236)
```
#4236f4
```
#4236f4 rgb(66,54,244)
```
#3b2efc
```
#3b2efc rgb(59,46,252)
```

Tone Color Variation

Below, you can see how #746fbb 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

#797979 Achromatopsia 0.005% of the population
#787786 Atypical Achromatopsia 0.001% of the population

Dichromacy

#607cc3 Protanopia 1% of men
#5d7ebb Deuteranopia 1% of men
#6c828b Tritanopia 0.001% of the population

Trichromacy

#6777c0 Protanomaly 1% of men, 0.01% of women
#6578bb Deuteranomaly 6% of men, 0.4% of women
#6f7b9c Tritanomaly 0.01% of the population

#746fbb hex color

#746fbb Color Information

#746fbb Color Conversion

Color Schemes with #746fbb

Alternatives to #746fbb

#746fbb Preview

Shades and Tints of #746fbb

Tones of #746fbb

Color Blindness Simulator