#674bc3 hex color

In a RGB color space, hex #674bc3 is composed of 40.4% red, 29.4% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 61.5% magenta, 0% yellow and 23.5% black. It has a hue angle of 254 degrees, a saturation of 50% and a lightness of 52.9%. #674bc3 color hex could be obtained by blending #ce96ff with #000087. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 40
- G 29
- B 76
RGB color chart
- C 47
- M 62
- Y 0
- K 24
CMYK color chart

● #674bc3 color description : Moderate blue.

The hexadecimal color #674bc3 has RGB values of R:103, G:75, B:195 and CMYK values of C:0.47, M:0.62, Y:0, K:0.24. Its decimal value is 6769603.

Hex triplet	674bc3	`#674bc3`
RGB Decimal	103, 75, 195	`rgb(103,75,195)`
RGB Percent	40.4, 29.4, 76.5	`rgb(40.4%,29.4%,76.5%)`
CMYK	47, 62, 0, 24
HSL	254°, 50, 52.9	`hsl(254,50%,52.9%)`
HSV (or HSB)	254°, 61.5, 76.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.986, 41.282, -59.045
XYZ	17.958, 11.856, 52.969
xyY	0.217, 0.143, 11.856
CIE-LCH	40.986, 72.045, 304.96
CIE-LUV	40.986, 2.492, -89.255
Hunter-Lab	34.432, 32.842, -67.108
Binary	01100111, 01001011, 11000011

#674bc3
```
#674bc3 rgb(103,75,195)
```
#a7c34b
```
#a7c34b rgb(167,195,75)
```

Complementary Color

#4b6bc3
```
#4b6bc3 rgb(75,107,195)
```
#674bc3
```
#674bc3 rgb(103,75,195)
```
#a34bc3
```
#a34bc3 rgb(163,75,195)
```

Analogous Color

#6bc34b
```
#6bc34b rgb(107,195,75)
```
#674bc3
```
#674bc3 rgb(103,75,195)
```
#c3a34b
```
#c3a34b rgb(195,163,75)
```

Split Complementary Color

#4bc367
```
#4bc367 rgb(75,195,103)
```
#674bc3
```
#674bc3 rgb(103,75,195)
```
#c3674b
```
#c3674b rgb(195,103,75)
```

Triadic Color

#4ba7c3
```
#4ba7c3 rgb(75,167,195)
```
#674bc3
```
#674bc3 rgb(103,75,195)
```
#c3674b
```
#c3674b rgb(195,103,75)
```
#a7c34b
```
#a7c34b rgb(167,195,75)
```

Tetradic Color

#473091
```
#473091 rgb(71,48,145)
```
#5037a4
```
#5037a4 rgb(80,55,164)
```
#5a3db7
```
#5a3db7 rgb(90,61,183)
```
#674bc3
```
#674bc3 rgb(103,75,195)
```
#775ec9
```
#775ec9 rgb(119,94,201)
```
#8771d0
```
#8771d0 rgb(135,113,208)
```
#9784d6
```
#9784d6 rgb(151,132,214)
```

Monochromatic Color

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

#4b4dc3
```
#4b4dc3 rgb(75,77,195)
```
#534bc3
```
#534bc3 rgb(83,75,195)
```
#5d4bc3
```
#5d4bc3 rgb(93,75,195)
```
#674bc3
```
#674bc3 rgb(103,75,195)
```
#714bc3
```
#714bc3 rgb(113,75,195)
```
#7b4bc3
```
#7b4bc3 rgb(123,75,195)
```
#854bc3
```
#854bc3 rgb(133,75,195)
```

Similar Colors

Text with hexadecimal color #674bc3

This text has a font color of #674bc3.

<span style="color:#674bc3;">Text here</span>

#674bc3 background color

This paragraph has a background color of #674bc3.

<p style="background-color:#674bc3;">Content here</p>

#674bc3 border color

This element has a border color of #674bc3.

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

CSS codes

.text {color:#674bc3;}

.background {background-color:#674bc3;}

.border {border:1px solid #674bc3;}

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, #05040b is the darkest color, while #fcfcfe is the lightest one.

#05040b
```
#05040b rgb(5,4,11)
```
#0d091a
```
#0d091a rgb(13,9,26)
```
#140e29
```
#140e29 rgb(20,14,41)
```
#1b1237
```
#1b1237 rgb(27,18,55)
```
#221746
```
#221746 rgb(34,23,70)
```
#291c55
```
#291c55 rgb(41,28,85)
```
#312164
```
#312164 rgb(49,33,100)
```
#382672
```
#382672 rgb(56,38,114)
```
#3f2b81
```
#3f2b81 rgb(63,43,129)
```
#463090
```
#463090 rgb(70,48,144)
```
#4d359e
```
#4d359e rgb(77,53,158)
```
#553aad
```
#553aad rgb(85,58,173)
```
#5c3fbc
```
#5c3fbc rgb(92,63,188)
```

Shade Color Variation

#674bc3
```
#674bc3 rgb(103,75,195)
```
#735ac8
```
#735ac8 rgb(115,90,200)
```
#8068cd
```
#8068cd rgb(128,104,205)
```
#8c77d2
```
#8c77d2 rgb(140,119,210)
```
#9986d7
```
#9986d7 rgb(153,134,215)
```
#a595dc
```
#a595dc rgb(165,149,220)
```
#b2a3e0
```
#b2a3e0 rgb(178,163,224)
```
#beb2e5
```
#beb2e5 rgb(190,178,229)
```
#cac1ea
```
#cac1ea rgb(202,193,234)
```
#d7cfef
```
#d7cfef rgb(215,207,239)
```
#e3def4
```
#e3def4 rgb(227,222,244)
```
#f0edf9
```
#f0edf9 rgb(240,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#85828c
```
#85828c rgb(133,130,140)
```
#807995
```
#807995 rgb(128,121,149)
```
#7b709e
```
#7b709e rgb(123,112,158)
```
#7667a7
```
#7667a7 rgb(118,103,167)
```
#715db1
```
#715db1 rgb(113,93,177)
```
#6c54ba
```
#6c54ba rgb(108,84,186)
```
#674bc3
```
#674bc3 rgb(103,75,195)
```
#6242cc
```
#6242cc rgb(98,66,204)
```
#5d39d5
```
#5d39d5 rgb(93,57,213)
```
#582fdf
```
#582fdf rgb(88,47,223)
```
#5326e8
```
#5326e8 rgb(83,38,232)
```
#4e1df1
```
#4e1df1 rgb(78,29,241)
```
#4914fa
```
#4914fa rgb(73,20,250)
```

Tone Color Variation

Below, you can see how #674bc3 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

#616161 Achromatopsia 0.005% of the population
#625d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#006baf Deuteranopia 1% of men
#526d75 Tritanopia 0.001% of the population

Trichromacy

#255bc5 Protanomaly 1% of men, 0.01% of women
#255fb6 Deuteranomaly 6% of men, 0.4% of women
#5a6091 Tritanomaly 0.01% of the population

#674bc3 hex color

#674bc3 Color Information

#674bc3 Color Conversion

Color Schemes with #674bc3

Alternatives to #674bc3

#674bc3 Preview

Shades and Tints of #674bc3

Tones of #674bc3

Color Blindness Simulator