#6c6fff hex color

In a RGB color space, hex #6c6fff is composed of 42.4% red, 43.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 56.5% magenta, 0% yellow and 0% black. It has a hue angle of 238.8 degrees, a saturation of 100% and a lightness of 71.2%. #6c6fff color hex could be obtained by blending #d8deff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 42
- G 44
- B 100
RGB color chart
- C 58
- M 56
- Y 0
- K 0
CMYK color chart

● #6c6fff color description : Very light blue.

The hexadecimal color #6c6fff has RGB values of R:108, G:111, B:255 and CMYK values of C:0.58, M:0.56, Y:0, K:0. Its decimal value is 7106559.

Hex triplet	6c6fff	`#6c6fff`
RGB Decimal	108, 111, 255	`rgb(108,111,255)`
RGB Percent	42.4, 43.5, 100	`rgb(42.4%,43.5%,100%)`
CMYK	58, 56, 0, 0
HSL	238.8°, 100, 71.2	`hsl(238.8,100%,71.2%)`
HSV (or HSB)	238.8°, 57.6, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.788, 39.3, -72.269
XYZ	29.915, 21.776, 97.229
xyY	0.201, 0.146, 21.776
CIE-LCH	53.788, 82.264, 298.537
CIE-LUV	53.788, -9.262, -116.08
Hunter-Lab	46.665, 32.768, -90.87
Binary	01101100, 01101111, 11111111

#6c6fff
```
#6c6fff rgb(108,111,255)
```
#fffc6c
```
#fffc6c rgb(255,252,108)
```

Complementary Color

#6cb9ff
```
#6cb9ff rgb(108,185,255)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```
#b36cff
```
#b36cff rgb(179,108,255)
```

Analogous Color

#b9ff6c
```
#b9ff6c rgb(185,255,108)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```
#ffb36c
```
#ffb36c rgb(255,179,108)
```

Split Complementary Color

#6fff6c
```
#6fff6c rgb(111,255,108)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```
#ff6c6f
```
#ff6c6f rgb(255,108,111)
```

Triadic Color

#6cfffc
```
#6cfffc rgb(108,255,252)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```
#ff6c6f
```
#ff6c6f rgb(255,108,111)
```
#fffc6c
```
#fffc6c rgb(255,252,108)
```

Tetradic Color

#2024ff
```
#2024ff rgb(32,36,255)
```
#393dff
```
#393dff rgb(57,61,255)
```
#5356ff
```
#5356ff rgb(83,86,255)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```
#8688ff
```
#8688ff rgb(134,136,255)
```
#9fa1ff
```
#9fa1ff rgb(159,161,255)
```
#b9baff
```
#b9baff rgb(185,186,255)
```

Monochromatic Color

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

#6c94ff
```
#6c94ff rgb(108,148,255)
```
#6c88ff
```
#6c88ff rgb(108,136,255)
```
#6c7bff
```
#6c7bff rgb(108,123,255)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```
#756cff
```
#756cff rgb(117,108,255)
```
#826cff
```
#826cff rgb(130,108,255)
```
#8e6cff
```
#8e6cff rgb(142,108,255)
```

Similar Colors

Text with hexadecimal color #6c6fff

This text has a font color of #6c6fff.

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

#6c6fff background color

This paragraph has a background color of #6c6fff.

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

#6c6fff border color

This element has a border color of #6c6fff.

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

CSS codes

.text {color:#6c6fff;}

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

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

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, #00000a is the darkest color, while #f5f6ff is the lightest one.

#00000a
```
#00000a rgb(0,0,10)
```
#00011e
```
#00011e rgb(0,1,30)
```
#000131
```
#000131 rgb(0,1,49)
```
#000145
```
#000145 rgb(0,1,69)
```
#000258
```
#000258 rgb(0,2,88)
```
#00026c
```
#00026c rgb(0,2,108)
```
#000380
```
#000380 rgb(0,3,128)
```
#000393
```
#000393 rgb(0,3,147)
```
#0003a7
```
#0003a7 rgb(0,3,167)
```
#0004ba
```
#0004ba rgb(0,4,186)
```
#0004ce
```
#0004ce rgb(0,4,206)
```
#0005e2
```
#0005e2 rgb(0,5,226)
```
#0005f5
```
#0005f5 rgb(0,5,245)
```

Shade Color Variation

#0a0fff
```
#0a0fff rgb(10,15,255)
```
#1e22ff
```
#1e22ff rgb(30,34,255)
```
#3135ff
```
#3135ff rgb(49,53,255)
```
#4549ff
```
#4549ff rgb(69,73,255)
```
#585cff
```
#585cff rgb(88,92,255)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```
#8082ff
```
#8082ff rgb(128,130,255)
```
#9395ff
```
#9395ff rgb(147,149,255)
```
#a7a9ff
```
#a7a9ff rgb(167,169,255)
```
#babcff
```
#babcff rgb(186,188,255)
```
#cecfff
```
#cecfff rgb(206,207,255)
```
#e2e2ff
```
#e2e2ff rgb(226,226,255)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#b0b0bb
```
#b0b0bb rgb(176,176,187)
```
#aaabc1
```
#aaabc1 rgb(170,171,193)
```
#a5a5c6
```
#a5a5c6 rgb(165,165,198)
```
#9fa0cc
```
#9fa0cc rgb(159,160,204)
```
#999ad2
```
#999ad2 rgb(153,154,210)
```
#9495d7
```
#9495d7 rgb(148,149,215)
```
#8e90dd
```
#8e90dd rgb(142,144,221)
```
#888ae3
```
#888ae3 rgb(136,138,227)
```
#8385e8
```
#8385e8 rgb(131,133,232)
```
#7d7fee
```
#7d7fee rgb(125,127,238)
```
#777af4
```
#777af4 rgb(119,122,244)
```
#7274f9
```
#7274f9 rgb(114,116,249)
```
#6c6fff
```
#6c6fff rgb(108,111,255)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#7b7c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b82ff Protanopia 1% of men
#0089e2 Deuteranopia 1% of men
#3a929d Tritanopia 0.001% of the population

Trichromacy

#387bff Protanomaly 1% of men, 0.01% of women
#2780ec Deuteranomaly 6% of men, 0.4% of women
#4c85c0 Tritanomaly 0.01% of the population

#6c6fff hex color

#6c6fff Color Information

#6c6fff Color Conversion

Color Schemes with #6c6fff

Alternatives to #6c6fff

#6c6fff Preview

Shades and Tints of #6c6fff

Tones of #6c6fff

Color Blindness Simulator