#674fff hex color

In a RGB color space, hex #674fff is composed of 40.4% red, 31% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 69% magenta, 0% yellow and 0% black. It has a hue angle of 248.2 degrees, a saturation of 100% and a lightness of 65.5%. #674fff color hex could be obtained by blending #ce9eff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 31
- B 100
RGB color chart
- C 60
- M 69
- Y 0
- K 0
CMYK color chart

● #674fff color description : Light blue.

The hexadecimal color #674fff has RGB values of R:103, G:79, B:255 and CMYK values of C:0.6, M:0.69, Y:0, K:0. Its decimal value is 6770687.

Hex triplet	674fff	`#674fff`
RGB Decimal	103, 79, 255	`rgb(103,79,255)`
RGB Percent	40.4, 31, 100	`rgb(40.4%,31%,100%)`
CMYK	60, 69, 0, 0
HSL	248.2°, 100, 65.5	`hsl(248.2,100%,65.5%)`
HSV (or HSB)	248.2°, 69, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.571, 56.676, -84.056
XYZ	26.436, 15.695, 96.239
xyY	0.191, 0.113, 15.695
CIE-LCH	46.571, 101.379, 303.99
CIE-LUV	46.571, -3.497, -128.218
Hunter-Lab	39.616, 49.785, -116.3
Binary	01100111, 01001111, 11111111

#674fff
```
#674fff rgb(103,79,255)
```
#e7ff4f
```
#e7ff4f rgb(231,255,79)
```

Complementary Color

#4f8fff
```
#4f8fff rgb(79,143,255)
```
#674fff
```
#674fff rgb(103,79,255)
```
#bf4fff
```
#bf4fff rgb(191,79,255)
```

Analogous Color

#8fff4f
```
#8fff4f rgb(143,255,79)
```
#674fff
```
#674fff rgb(103,79,255)
```
#ffbf4f
```
#ffbf4f rgb(255,191,79)
```

Split Complementary Color

#4fff67
```
#4fff67 rgb(79,255,103)
```
#674fff
```
#674fff rgb(103,79,255)
```
#ff674f
```
#ff674f rgb(255,103,79)
```

Triadic Color

#4fe7ff
```
#4fe7ff rgb(79,231,255)
```
#674fff
```
#674fff rgb(103,79,255)
```
#ff674f
```
#ff674f rgb(255,103,79)
```
#e7ff4f
```
#e7ff4f rgb(231,255,79)
```

Tetradic Color

#2502ff
```
#2502ff rgb(37,2,255)
```
#3b1cff
```
#3b1cff rgb(59,28,255)
```
#5136ff
```
#5136ff rgb(81,54,255)
```
#674fff
```
#674fff rgb(103,79,255)
```
#7d69ff
```
#7d69ff rgb(125,105,255)
```
#9382ff
```
#9382ff rgb(147,130,255)
```
#a99cff
```
#a99cff rgb(169,156,255)
```

Monochromatic Color

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

#4f63ff
```
#4f63ff rgb(79,99,255)
```
#4f54ff
```
#4f54ff rgb(79,84,255)
```
#584fff
```
#584fff rgb(88,79,255)
```
#674fff
```
#674fff rgb(103,79,255)
```
#764fff
```
#764fff rgb(118,79,255)
```
#844fff
```
#844fff rgb(132,79,255)
```
#934fff
```
#934fff rgb(147,79,255)
```

Similar Colors

Text with hexadecimal color #674fff

This text has a font color of #674fff.

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

#674fff background color

This paragraph has a background color of #674fff.

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

#674fff border color

This element has a border color of #674fff.

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

CSS codes

.text {color:#674fff;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030014
```
#030014 rgb(3,0,20)
```
#050028
```
#050028 rgb(5,0,40)
```
#08003b
```
#08003b rgb(8,0,59)
```
#0b004f
```
#0b004f rgb(11,0,79)
```
#0d0063
```
#0d0063 rgb(13,0,99)
```
#100076
```
#100076 rgb(16,0,118)
```
#13008a
```
#13008a rgb(19,0,138)
```
#15009d
```
#15009d rgb(21,0,157)
```
#1800b1
```
#1800b1 rgb(24,0,177)
```
#1b00c5
```
#1b00c5 rgb(27,0,197)
```
#1d00d8
```
#1d00d8 rgb(29,0,216)
```
#2000ec
```
#2000ec rgb(32,0,236)
```

Shade Color Variation

#2301ff
```
#2301ff rgb(35,1,255)
```
#3414ff
```
#3414ff rgb(52,20,255)
```
#4528ff
```
#4528ff rgb(69,40,255)
```
#563bff
```
#563bff rgb(86,59,255)
```
#674fff
```
#674fff rgb(103,79,255)
```
#7863ff
```
#7863ff rgb(120,99,255)
```
#8976ff
```
#8976ff rgb(137,118,255)
```
#9a8aff
```
#9a8aff rgb(154,138,255)
```
#ab9dff
```
#ab9dff rgb(171,157,255)
```
#bcb1ff
```
#bcb1ff rgb(188,177,255)
```
#cdc5ff
```
#cdc5ff rgb(205,197,255)
```
#ded8ff
```
#ded8ff rgb(222,216,255)
```
#efecff
```
#efecff rgb(239,236,255)
```

Tint Color Variation

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

#a2a0ae
```
#a2a0ae rgb(162,160,174)
```
#9d99b5
```
#9d99b5 rgb(157,153,181)
```
#9893bb
```
#9893bb rgb(152,147,187)
```
#938cc2
```
#938cc2 rgb(147,140,194)
```
#8e85c9
```
#8e85c9 rgb(142,133,201)
```
#897ed0
```
#897ed0 rgb(137,126,208)
```
#8578d6
```
#8578d6 rgb(133,120,214)
```
#8071dd
```
#8071dd rgb(128,113,221)
```
#7b6ae4
```
#7b6ae4 rgb(123,106,228)
```
#7663eb
```
#7663eb rgb(118,99,235)
```
#715df1
```
#715df1 rgb(113,93,241)
```
#6c56f8
```
#6c56f8 rgb(108,86,248)
```
#674fff
```
#674fff rgb(103,79,255)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#696588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#0b818a Tritanopia 0.001% of the population

Trichromacy

#2565ea Protanomaly 1% of men, 0.01% of women
#2569d8 Deuteranomaly 6% of men, 0.4% of women
#2d6eb5 Tritanomaly 0.01% of the population

#674fff hex color

#674fff Color Information

#674fff Color Conversion

Color Schemes with #674fff

Alternatives to #674fff

#674fff Preview

Shades and Tints of #674fff

Tones of #674fff

Color Blindness Simulator