#674aee hex color

In a RGB color space, hex #674aee is composed of 40.4% red, 29% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 68.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 250.6 degrees, a saturation of 82.8% and a lightness of 61.2%. #674aee color hex could be obtained by blending #ce94ff with #0000dd. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 40
- G 29
- B 93
RGB color chart
- C 57
- M 69
- Y 0
- K 7
CMYK color chart

● #674aee color description : Soft blue.

The hexadecimal color #674aee has RGB values of R:103, G:74, B:238 and CMYK values of C:0.57, M:0.69, Y:0, K:0.07. Its decimal value is 6769390.

Hex triplet	674aee	`#674aee`
RGB Decimal	103, 74, 238	`rgb(103,74,238)`
RGB Percent	40.4, 29, 93.3	`rgb(40.4%,29%,93.3%)`
CMYK	57, 69, 0, 7
HSL	250.6°, 82.8, 61.2	`hsl(250.6,82.8%,61.2%)`
HSV (or HSB)	250.6°, 68.9, 93.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.166, 54.358, -78.479
XYZ	23.472, 13.953, 82.341
xyY	0.196, 0.117, 13.953
CIE-LCH	44.166, 95.466, 304.708
CIE-LUV	44.166, -1.238, -118.62
Hunter-Lab	37.354, 46.793, -104.546
Binary	01100111, 01001010, 11101110

#674aee
```
#674aee rgb(103,74,238)
```
#d1ee4a
```
#d1ee4a rgb(209,238,74)
```

Complementary Color

#4a7fee
```
#4a7fee rgb(74,127,238)
```
#674aee
```
#674aee rgb(103,74,238)
```
#b94aee
```
#b94aee rgb(185,74,238)
```

Analogous Color

#7fee4a
```
#7fee4a rgb(127,238,74)
```
#674aee
```
#674aee rgb(103,74,238)
```
#eeb94a
```
#eeb94a rgb(238,185,74)
```

Split Complementary Color

#4aee67
```
#4aee67 rgb(74,238,103)
```
#674aee
```
#674aee rgb(103,74,238)
```
#ee674a
```
#ee674a rgb(238,103,74)
```

Triadic Color

#4ad1ee
```
#4ad1ee rgb(74,209,238)
```
#674aee
```
#674aee rgb(103,74,238)
```
#ee674a
```
#ee674a rgb(238,103,74)
```
#d1ee4a
```
#d1ee4a rgb(209,238,74)
```

Tetradic Color

#3714d7
```
#3714d7 rgb(55,20,215)
```
#401bea
```
#401bea rgb(64,27,234)
```
#5333ec
```
#5333ec rgb(83,51,236)
```
#674aee
```
#674aee rgb(103,74,238)
```
#7b61f0
```
#7b61f0 rgb(123,97,240)
```
#8e79f2
```
#8e79f2 rgb(142,121,242)
```
#a290f5
```
#a290f5 rgb(162,144,245)
```

Monochromatic Color

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

#4a56ee
```
#4a56ee rgb(74,86,238)
```
#4c4aee
```
#4c4aee rgb(76,74,238)
```
#594aee
```
#594aee rgb(89,74,238)
```
#674aee
```
#674aee rgb(103,74,238)
```
#754aee
```
#754aee rgb(117,74,238)
```
#824aee
```
#824aee rgb(130,74,238)
```
#904aee
```
#904aee rgb(144,74,238)
```

Similar Colors

Text with hexadecimal color #674aee

This text has a font color of #674aee.

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

#674aee background color

This paragraph has a background color of #674aee.

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

#674aee border color

This element has a border color of #674aee.

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

CSS codes

.text {color:#674aee;}

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

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

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

#040210
```
#040210 rgb(4,2,16)
```
#090322
```
#090322 rgb(9,3,34)
```
#0d0534
```
#0d0534 rgb(13,5,52)
```
#120746
```
#120746 rgb(18,7,70)
```
#160858
```
#160858 rgb(22,8,88)
```
#1b0a6a
```
#1b0a6a rgb(27,10,106)
```
#1f0c7c
```
#1f0c7c rgb(31,12,124)
```
#240d8e
```
#240d8e rgb(36,13,142)
```
#290fa0
```
#290fa0 rgb(41,15,160)
```
#2d11b2
```
#2d11b2 rgb(45,17,178)
```
#3212c4
```
#3212c4 rgb(50,18,196)
```
#3614d5
```
#3614d5 rgb(54,20,213)
```
#3b16e7
```
#3b16e7 rgb(59,22,231)
```

Shade Color Variation

#4926eb
```
#4926eb rgb(73,38,235)
```
#5838ec
```
#5838ec rgb(88,56,236)
```
#674aee
```
#674aee rgb(103,74,238)
```
#765cf0
```
#765cf0 rgb(118,92,240)
```
#856ef1
```
#856ef1 rgb(133,110,241)
```
#9480f3
```
#9480f3 rgb(148,128,243)
```
#a392f5
```
#a392f5 rgb(163,146,245)
```
#b2a4f6
```
#b2a4f6 rgb(178,164,246)
```
#c1b6f8
```
#c1b6f8 rgb(193,182,248)
```
#d0c8fa
```
#d0c8fa rgb(208,200,250)
```
#dfd9fb
```
#dfd9fb rgb(223,217,251)
```
#efebfd
```
#efebfd rgb(239,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9896a2 is the less saturated color, while #5d3bfd is the most saturated one.

#9896a2
```
#9896a2 rgb(152,150,162)
```
#938fa9
```
#938fa9 rgb(147,143,169)
```
#8e87b1
```
#8e87b1 rgb(142,135,177)
```
#897fb9
```
#897fb9 rgb(137,127,185)
```
#8578c0
```
#8578c0 rgb(133,120,192)
```
#8070c8
```
#8070c8 rgb(128,112,200)
```
#7b68d0
```
#7b68d0 rgb(123,104,208)
```
#7661d7
```
#7661d7 rgb(118,97,215)
```
#7159df
```
#7159df rgb(113,89,223)
```
#6c52e6
```
#6c52e6 rgb(108,82,230)
```
#674aee
```
#674aee rgb(103,74,238)
```
#6242f6
```
#6242f6 rgb(98,66,246)
```
#5d3bfd
```
#5d3bfd rgb(93,59,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#656080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#327982 Tritanopia 0.001% of the population

Trichromacy

#2560dd Protanomaly 1% of men, 0.01% of women
#2564cc Deuteranomaly 6% of men, 0.4% of women
#4568a9 Tritanomaly 0.01% of the population

#674aee hex color

#674aee Color Information

#674aee Color Conversion

Color Schemes with #674aee

Alternatives to #674aee

#674aee Preview

Shades and Tints of #674aee

Tones of #674aee

Color Blindness Simulator