#6066cc hex color

In a RGB color space, hex #6066cc is composed of 37.6% red, 40% green and 80% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 50% magenta, 0% yellow and 20% black. It has a hue angle of 236.7 degrees, a saturation of 51.4% and a lightness of 58.8%. #6066cc color hex could be obtained by blending #c0ccff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 38
- G 40
- B 80
RGB color chart
- C 53
- M 50
- Y 0
- K 20
CMYK color chart

● #6066cc color description : Moderate blue.

The hexadecimal color #6066cc has RGB values of R:96, G:102, B:204 and CMYK values of C:0.53, M:0.5, Y:0, K:0.2. Its decimal value is 6317772.

Hex triplet	6066cc	`#6066cc`
RGB Decimal	96, 102, 204	`rgb(96,102,204)`
RGB Percent	37.6, 40, 80	`rgb(37.6%,40%,80%)`
CMYK	53, 50, 0, 20
HSL	236.7°, 51.4, 58.8	`hsl(236.7,51.4%,58.8%)`
HSV (or HSB)	236.7°, 52.9, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.428, 26.319, -53.878
XYZ	20.472, 16.348, 59.2
xyY	0.213, 0.17, 16.348
CIE-LCH	47.428, 59.962, 296.036
CIE-LUV	47.428, -8.086, -84.116
Hunter-Lab	40.433, 19.62, -58.506
Binary	01100000, 01100110, 11001100

#6066cc
```
#6066cc rgb(96,102,204)
```
#ccc660
```
#ccc660 rgb(204,198,96)
```

Complementary Color

#609ccc
```
#609ccc rgb(96,156,204)
```
#6066cc
```
#6066cc rgb(96,102,204)
```
#9060cc
```
#9060cc rgb(144,96,204)
```

Analogous Color

#9ccc60
```
#9ccc60 rgb(156,204,96)
```
#6066cc
```
#6066cc rgb(96,102,204)
```
#cc9060
```
#cc9060 rgb(204,144,96)
```

Split Complementary Color

#66cc60
```
#66cc60 rgb(102,204,96)
```
#6066cc
```
#6066cc rgb(96,102,204)
```
#cc6066
```
#cc6066 rgb(204,96,102)
```

Triadic Color

#60ccc6
```
#60ccc6 rgb(96,204,198)
```
#6066cc
```
#6066cc rgb(96,102,204)
```
#cc6066
```
#cc6066 rgb(204,96,102)
```
#ccc660
```
#ccc660 rgb(204,198,96)
```

Tetradic Color

#363da9
```
#363da9 rgb(54,61,169)
```
#3c44bd
```
#3c44bd rgb(60,68,189)
```
#4d53c6
```
#4d53c6 rgb(77,83,198)
```
#6066cc
```
#6066cc rgb(96,102,204)
```
#7379d2
```
#7379d2 rgb(115,121,210)
```
#878bd8
```
#878bd8 rgb(135,139,216)
```
#9a9edf
```
#9a9edf rgb(154,158,223)
```

Monochromatic Color

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

#6081cc
```
#6081cc rgb(96,129,204)
```
#6078cc
```
#6078cc rgb(96,120,204)
```
#606fcc
```
#606fcc rgb(96,111,204)
```
#6066cc
```
#6066cc rgb(96,102,204)
```
#6360cc
```
#6360cc rgb(99,96,204)
```
#6c60cc
```
#6c60cc rgb(108,96,204)
```
#7560cc
```
#7560cc rgb(117,96,204)
```

Similar Colors

Text with hexadecimal color #6066cc

This text has a font color of #6066cc.

<span style="color:#6066cc;">Text here</span>

#6066cc background color

This paragraph has a background color of #6066cc.

<p style="background-color:#6066cc;">Content here</p>

#6066cc border color

This element has a border color of #6066cc.

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

CSS codes

.text {color:#6066cc;}

.background {background-color:#6066cc;}

.border {border:1px solid #6066cc;}

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

#010204
```
#010204 rgb(1,2,4)
```
#060713
```
#060713 rgb(6,7,19)
```
#0b0c22
```
#0b0c22 rgb(11,12,34)
```
#101231
```
#101231 rgb(16,18,49)
```
#141740
```
#141740 rgb(20,23,64)
```
#191c4f
```
#191c4f rgb(25,28,79)
```
#1e225d
```
#1e225d rgb(30,34,93)
```
#23276c
```
#23276c rgb(35,39,108)
```
#282c7b
```
#282c7b rgb(40,44,123)
```
#2c318a
```
#2c318a rgb(44,49,138)
```
#313799
```
#313799 rgb(49,55,153)
```
#363ca8
```
#363ca8 rgb(54,60,168)
```
#3b41b7
```
#3b41b7 rgb(59,65,183)
```

Shade Color Variation

#4249c2
```
#4249c2 rgb(66,73,194)
```
#5158c7
```
#5158c7 rgb(81,88,199)
```
#6066cc
```
#6066cc rgb(96,102,204)
```
#6f74d1
```
#6f74d1 rgb(111,116,209)
```
#7e83d6
```
#7e83d6 rgb(126,131,214)
```
#8d91da
```
#8d91da rgb(141,145,218)
```
#9b9fdf
```
#9b9fdf rgb(155,159,223)
```
#aaade4
```
#aaade4 rgb(170,173,228)
```
#b9bce9
```
#b9bce9 rgb(185,188,233)
```
#c8caed
```
#c8caed rgb(200,202,237)
```
#d7d8f2
```
#d7d8f2 rgb(215,216,242)
```
#e6e7f7
```
#e6e7f7 rgb(230,231,247)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

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

#90919c
```
#90919c rgb(144,145,156)
```
#888aa4
```
#888aa4 rgb(136,138,164)
```
#8083ac
```
#8083ac rgb(128,131,172)
```
#787cb4
```
#787cb4 rgb(120,124,180)
```
#7074bc
```
#7074bc rgb(112,116,188)
```
#686dc4
```
#686dc4 rgb(104,109,196)
```
#6066cc
```
#6066cc rgb(96,102,204)
```
#585fd4
```
#585fd4 rgb(88,95,212)
```
#5058dc
```
#5058dc rgb(80,88,220)
```
#4850e4
```
#4850e4 rgb(72,80,228)
```
#4049ec
```
#4049ec rgb(64,73,236)
```
#3842f4
```
#3842f4 rgb(56,66,244)
```
#303bfc
```
#303bfc rgb(48,59,252)
```

Tone Color Variation

Below, you can see how #6066cc 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

#707070 Achromatopsia 0.005% of the population
#6d6e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e74d4 Protanopia 1% of men
#1d79c9 Deuteranopia 1% of men
#497f89 Tritanopia 0.001% of the population

Trichromacy

#4a6fd1 Protanomaly 1% of men, 0.01% of women
#3572ca Deuteranomaly 6% of men, 0.4% of women
#5176a1 Tritanomaly 0.01% of the population

#6066cc hex color

#6066cc Color Information

#6066cc Color Conversion

Color Schemes with #6066cc

Alternatives to #6066cc

#6066cc Preview

Shades and Tints of #6066cc

Tones of #6066cc

Color Blindness Simulator