#6a7fd4 hex color

In a RGB color space, hex #6a7fd4 is composed of 41.6% red, 49.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 40.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 228.1 degrees, a saturation of 55.2% and a lightness of 62.4%. #6a7fd4 color hex could be obtained by blending #d4feff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 50
- B 83
RGB color chart
- C 50
- M 40
- Y 0
- K 17
CMYK color chart

● #6a7fd4 color description : Moderate blue.

The hexadecimal color #6a7fd4 has RGB values of R:106, G:127, B:212 and CMYK values of C:0.5, M:0.4, Y:0, K:0.17. Its decimal value is 6979540.

Hex triplet	6a7fd4	`#6a7fd4`
RGB Decimal	106, 127, 212	`rgb(106,127,212)`
RGB Percent	41.6, 49.8, 83.1	`rgb(41.6%,49.8%,83.1%)`
CMYK	50, 40, 0, 17
HSL	228.1°, 55.2, 62.4	`hsl(228.1,55.2%,62.4%)`
HSV (or HSB)	228.1°, 50, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	55.068, 15.794, -46.202
XYZ	25.414, 22.995, 65.383
xyY	0.223, 0.202, 22.995
CIE-LCH	55.068, 48.827, 288.873
CIE-LUV	55.068, -13.164, -73.739
Hunter-Lab	47.953, 10.683, -47.273
Binary	01101010, 01111111, 11010100

#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#d4bf6a
```
#d4bf6a rgb(212,191,106)
```

Complementary Color

#6ab4d4
```
#6ab4d4 rgb(106,180,212)
```
#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#8a6ad4
```
#8a6ad4 rgb(138,106,212)
```

Analogous Color

#b4d46a
```
#b4d46a rgb(180,212,106)
```
#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#d48a6a
```
#d48a6a rgb(212,138,106)
```

Split Complementary Color

#7fd46a
```
#7fd46a rgb(127,212,106)
```
#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#d46a7f
```
#d46a7f rgb(212,106,127)
```

Triadic Color

#6ad4bf
```
#6ad4bf rgb(106,212,191)
```
#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#d46a7f
```
#d46a7f rgb(212,106,127)
```
#d4bf6a
```
#d4bf6a rgb(212,191,106)
```

Tetradic Color

#3651bb
```
#3651bb rgb(54,81,187)
```
#425dc9
```
#425dc9 rgb(66,93,201)
```
#566ece
```
#566ece rgb(86,110,206)
```
#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#7e90da
```
#7e90da rgb(126,144,218)
```
#92a1df
```
#92a1df rgb(146,161,223)
```
#a5b2e5
```
#a5b2e5 rgb(165,178,229)
```

Monochromatic Color

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

#6a9ad4
```
#6a9ad4 rgb(106,154,212)
```
#6a91d4
```
#6a91d4 rgb(106,145,212)
```
#6a88d4
```
#6a88d4 rgb(106,136,212)
```
#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#6a76d4
```
#6a76d4 rgb(106,118,212)
```
#6a6dd4
```
#6a6dd4 rgb(106,109,212)
```
#706ad4
```
#706ad4 rgb(112,106,212)
```

Similar Colors

Text with hexadecimal color #6a7fd4

This text has a font color of #6a7fd4.

<span style="color:#6a7fd4;">Text here</span>

#6a7fd4 background color

This paragraph has a background color of #6a7fd4.

<p style="background-color:#6a7fd4;">Content here</p>

#6a7fd4 border color

This element has a border color of #6a7fd4.

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

CSS codes

.text {color:#6a7fd4;}

.background {background-color:#6a7fd4;}

.border {border:1px solid #6a7fd4;}

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 #f3f5fc is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#050812
```
#050812 rgb(5,8,18)
```
#0a0e22
```
#0a0e22 rgb(10,14,34)
```
#0e1531
```
#0e1531 rgb(14,21,49)
```
#131c40
```
#131c40 rgb(19,28,64)
```
#17224f
```
#17224f rgb(23,34,79)
```
#1b295f
```
#1b295f rgb(27,41,95)
```
#202f6e
```
#202f6e rgb(32,47,110)
```
#24367d
```
#24367d rgb(36,54,125)
```
#283c8c
```
#283c8c rgb(40,60,140)
```
#2d439b
```
#2d439b rgb(45,67,155)
```
#3149ab
```
#3149ab rgb(49,73,171)
```
#3650ba
```
#3650ba rgb(54,80,186)
```

Shade Color Variation

#3c58c7
```
#3c58c7 rgb(60,88,199)
```
#4c65cb
```
#4c65cb rgb(76,101,203)
```
#5b72d0
```
#5b72d0 rgb(91,114,208)
```
#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#798cd8
```
#798cd8 rgb(121,140,216)
```
#8899dd
```
#8899dd rgb(136,153,221)
```
#98a6e1
```
#98a6e1 rgb(152,166,225)
```
#a7b3e6
```
#a7b3e6 rgb(167,179,230)
```
#b6c0ea
```
#b6c0ea rgb(182,192,234)
```
#c5cdee
```
#c5cdee rgb(197,205,238)
```
#d5dbf3
```
#d5dbf3 rgb(213,219,243)
```
#e4e8f7
```
#e4e8f7 rgb(228,232,247)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9ea0 is the less saturated color, while #4569f9 is the most saturated one.

#9e9ea0
```
#9e9ea0 rgb(158,158,160)
```
#969aa8
```
#969aa8 rgb(150,154,168)
```
#8f95af
```
#8f95af rgb(143,149,175)
```
#8891b6
```
#8891b6 rgb(136,145,182)
```
#808cbe
```
#808cbe rgb(128,140,190)
```
#7988c5
```
#7988c5 rgb(121,136,197)
```
#7183cd
```
#7183cd rgb(113,131,205)
```
#6a7fd4
```
#6a7fd4 rgb(106,127,212)
```
#637bdb
```
#637bdb rgb(99,123,219)
```
#5b76e3
```
#5b76e3 rgb(91,118,227)
```
#5472ea
```
#5472ea rgb(84,114,234)
```
#4c6df2
```
#4c6df2 rgb(76,109,242)
```
#4569f9
```
#4569f9 rgb(69,105,249)
```

Tone Color Variation

Below, you can see how #6a7fd4 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

#828282 Achromatopsia 0.005% of the population
#7d8192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6787d7 Protanopia 1% of men
#5a8ad4 Deuteranopia 1% of men
#5a929d Tritanopia 0.001% of the population

Trichromacy

#6884d6 Protanomaly 1% of men, 0.01% of women
#6086d4 Deuteranomaly 6% of men, 0.4% of women
#608bb1 Tritanomaly 0.01% of the population

#6a7fd4 hex color

#6a7fd4 Color Information

#6a7fd4 Color Conversion

Color Schemes with #6a7fd4

Alternatives to #6a7fd4

#6a7fd4 Preview

Shades and Tints of #6a7fd4

Tones of #6a7fd4

Color Blindness Simulator