#6060d4 hex color

In a RGB color space, hex #6060d4 is composed of 37.6% red, 37.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 54.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 240 degrees, a saturation of 57.4% and a lightness of 60.4%. #6060d4 color hex could be obtained by blending #c0c0ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 38
- G 38
- B 83
RGB color chart
- C 55
- M 55
- Y 0
- K 17
CMYK color chart

● #6060d4 color description : Moderate blue.

The hexadecimal color #6060d4 has RGB values of R:96, G:96, B:212 and CMYK values of C:0.55, M:0.55, Y:0, K:0.17. Its decimal value is 6316244.

Hex triplet	6060d4	`#6060d4`
RGB Decimal	96, 96, 212	`rgb(96,96,212)`
RGB Percent	37.6, 37.6, 83.1	`rgb(37.6%,37.6%,83.1%)`
CMYK	55, 55, 0, 17
HSL	240°, 57.4, 60.4	`hsl(240,57.4%,60.4%)`
HSV (or HSB)	240°, 54.7, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.452, 32.543, -60.028
XYZ	20.888, 15.605, 64.195
xyY	0.207, 0.155, 15.605
CIE-LCH	46.452, 68.282, 298.463
CIE-LUV	46.452, -6.735, -93.314
Hunter-Lab	39.503, 25.254, -68.697
Binary	01100000, 01100000, 11010100

#6060d4
```
#6060d4 rgb(96,96,212)
```
#d4d460
```
#d4d460 rgb(212,212,96)
```

Complementary Color

#609ad4
```
#609ad4 rgb(96,154,212)
```
#6060d4
```
#6060d4 rgb(96,96,212)
```
#9a60d4
```
#9a60d4 rgb(154,96,212)
```

Analogous Color

#9ad460
```
#9ad460 rgb(154,212,96)
```
#6060d4
```
#6060d4 rgb(96,96,212)
```
#d49a60
```
#d49a60 rgb(212,154,96)
```

Split Complementary Color

#60d460
```
#60d460 rgb(96,212,96)
```
#6060d4
```
#6060d4 rgb(96,96,212)
```
#d46060
```
#d46060 rgb(212,96,96)
```

Triadic Color

#60d4d4
```
#60d4d4 rgb(96,212,212)
```
#6060d4
```
#6060d4 rgb(96,96,212)
```
#d46060
```
#d46060 rgb(212,96,96)
```
#d4d460
```
#d4d460 rgb(212,212,96)
```

Tetradic Color

#3131b6
```
#3131b6 rgb(49,49,182)
```
#3838c9
```
#3838c9 rgb(56,56,201)
```
#4c4ccf
```
#4c4ccf rgb(76,76,207)
```
#6060d4
```
#6060d4 rgb(96,96,212)
```
#7474d9
```
#7474d9 rgb(116,116,217)
```
#8888df
```
#8888df rgb(136,136,223)
```
#9c9ce4
```
#9c9ce4 rgb(156,156,228)
```

Monochromatic Color

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

#607dd4
```
#607dd4 rgb(96,125,212)
```
#6073d4
```
#6073d4 rgb(96,115,212)
```
#606ad4
```
#606ad4 rgb(96,106,212)
```
#6060d4
```
#6060d4 rgb(96,96,212)
```
#6a60d4
```
#6a60d4 rgb(106,96,212)
```
#7360d4
```
#7360d4 rgb(115,96,212)
```
#7d60d4
```
#7d60d4 rgb(125,96,212)
```

Similar Colors

Text with hexadecimal color #6060d4

This text has a font color of #6060d4.

<span style="color:#6060d4;">Text here</span>

#6060d4 background color

This paragraph has a background color of #6060d4.

<p style="background-color:#6060d4;">Content here</p>

#6060d4 border color

This element has a border color of #6060d4.

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

CSS codes

.text {color:#6060d4;}

.background {background-color:#6060d4;}

.border {border:1px solid #6060d4;}

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, #03030b is the darkest color, while #fafafe is the lightest one.

#03030b
```
#03030b rgb(3,3,11)
```
#07071a
```
#07071a rgb(7,7,26)
```
#0b0b2a
```
#0b0b2a rgb(11,11,42)
```
#0f0f39
```
#0f0f39 rgb(15,15,57)
```
#141449
```
#141449 rgb(20,20,73)
```
#181858
```
#181858 rgb(24,24,88)
```
#1c1c67
```
#1c1c67 rgb(28,28,103)
```
#202077
```
#202077 rgb(32,32,119)
```
#242486
```
#242486 rgb(36,36,134)
```
#292996
```
#292996 rgb(41,41,150)
```
#2d2da5
```
#2d2da5 rgb(45,45,165)
```
#3131b5
```
#3131b5 rgb(49,49,181)
```
#3535c4
```
#3535c4 rgb(53,53,196)
```

Shade Color Variation

#4141cc
```
#4141cc rgb(65,65,204)
```
#5151d0
```
#5151d0 rgb(81,81,208)
```
#6060d4
```
#6060d4 rgb(96,96,212)
```
#6f6fd8
```
#6f6fd8 rgb(111,111,216)
```
#7f7fdc
```
#7f7fdc rgb(127,127,220)
```
#8e8ee1
```
#8e8ee1 rgb(142,142,225)
```
#9e9ee5
```
#9e9ee5 rgb(158,158,229)
```
#adade9
```
#adade9 rgb(173,173,233)
```
#bdbded
```
#bdbded rgb(189,189,237)
```
#ccccf1
```
#ccccf1 rgb(204,204,241)
```
#dcdcf5
```
#dcdcf5 rgb(220,220,245)
```
#ebebfa
```
#ebebfa rgb(235,235,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96969e is the less saturated color, while #3939fb is the most saturated one.

#96969e
```
#96969e rgb(150,150,158)
```
#8f8fa5
```
#8f8fa5 rgb(143,143,165)
```
#8787ad
```
#8787ad rgb(135,135,173)
```
#7f7fb5
```
#7f7fb5 rgb(127,127,181)
```
#7777bd
```
#7777bd rgb(119,119,189)
```
#7070c4
```
#7070c4 rgb(112,112,196)
```
#6868cc
```
#6868cc rgb(104,104,204)
```
#6060d4
```
#6060d4 rgb(96,96,212)
```
#5858dc
```
#5858dc rgb(88,88,220)
```
#5050e4
```
#5050e4 rgb(80,80,228)
```
#4949eb
```
#4949eb rgb(73,73,235)
```
#4141f3
```
#4141f3 rgb(65,65,243)
```
#3939fb
```
#3939fb rgb(57,57,251)
```

Tone Color Variation

Below, you can see how #6060d4 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

#6d6d6d Achromatopsia 0.005% of the population
#6a6a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1071df Protanopia 1% of men
#0077c5 Deuteranopia 1% of men
#427e87 Tritanopia 0.001% of the population

Trichromacy

#2d6bdb Protanomaly 1% of men, 0.01% of women
#226fcb Deuteranomaly 6% of men, 0.4% of women
#4d73a3 Tritanomaly 0.01% of the population

#6060d4 hex color

#6060d4 Color Information

#6060d4 Color Conversion

Color Schemes with #6060d4

Alternatives to #6060d4

#6060d4 Preview

Shades and Tints of #6060d4

Tones of #6060d4

Color Blindness Simulator