#6060b3 hex color

In a RGB color space, hex #6060b3 is composed of 37.6% red, 37.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 46.4% magenta, 0% yellow and 29.8% black. It has a hue angle of 240 degrees, a saturation of 35.3% and a lightness of 53.9%. #6060b3 color hex could be obtained by blending #c0c0ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 38
- G 38
- B 70
RGB color chart
- C 46
- M 46
- Y 0
- K 30
CMYK color chart

● #6060b3 color description : Slightly desaturated blue.

The hexadecimal color #6060b3 has RGB values of R:96, G:96, B:179 and CMYK values of C:0.46, M:0.46, Y:0, K:0.3. Its decimal value is 6316211.

Hex triplet	6060b3	`#6060b3`
RGB Decimal	96, 96, 179	`rgb(96,96,179)`
RGB Percent	37.6, 37.6, 70.2	`rgb(37.6%,37.6%,70.2%)`
CMYK	46, 46, 0, 30
HSL	240°, 35.3, 53.9	`hsl(240,35.3%,53.9%)`
HSV (or HSB)	240°, 46.4, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.386, 22.212, -44.269
XYZ	17.142, 14.107, 44.465
xyY	0.226, 0.186, 14.107
CIE-LCH	44.386, 49.529, 296.645
CIE-LUV	44.386, -4.904, -67.943
Hunter-Lab	37.559, 15.739, -43.901
Binary	01100000, 01100000, 10110011

#6060b3
```
#6060b3 rgb(96,96,179)
```
#b3b360
```
#b3b360 rgb(179,179,96)
```

Complementary Color

#608ab3
```
#608ab3 rgb(96,138,179)
```
#6060b3
```
#6060b3 rgb(96,96,179)
```
#8a60b3
```
#8a60b3 rgb(138,96,179)
```

Analogous Color

#8ab360
```
#8ab360 rgb(138,179,96)
```
#6060b3
```
#6060b3 rgb(96,96,179)
```
#b38a60
```
#b38a60 rgb(179,138,96)
```

Split Complementary Color

#60b360
```
#60b360 rgb(96,179,96)
```
#6060b3
```
#6060b3 rgb(96,96,179)
```
#b36060
```
#b36060 rgb(179,96,96)
```

Triadic Color

#60b3b3
```
#60b3b3 rgb(96,179,179)
```
#6060b3
```
#6060b3 rgb(96,96,179)
```
#b36060
```
#b36060 rgb(179,96,96)
```
#b3b360
```
#b3b360 rgb(179,179,96)
```

Tetradic Color

#404086
```
#404086 rgb(64,64,134)
```
#484898
```
#484898 rgb(72,72,152)
```
#5151a9
```
#5151a9 rgb(81,81,169)
```
#6060b3
```
#6060b3 rgb(96,96,179)
```
#7171bb
```
#7171bb rgb(113,113,187)
```
#8383c3
```
#8383c3 rgb(131,131,195)
```
#9494cc
```
#9494cc rgb(148,148,204)
```

Monochromatic Color

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

#6075b3
```
#6075b3 rgb(96,117,179)
```
#606eb3
```
#606eb3 rgb(96,110,179)
```
#6067b3
```
#6067b3 rgb(96,103,179)
```
#6060b3
```
#6060b3 rgb(96,96,179)
```
#6760b3
```
#6760b3 rgb(103,96,179)
```
#6e60b3
```
#6e60b3 rgb(110,96,179)
```
#7560b3
```
#7560b3 rgb(117,96,179)
```

Similar Colors

Text with hexadecimal color #6060b3

This text has a font color of #6060b3.

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

#6060b3 background color

This paragraph has a background color of #6060b3.

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

#6060b3 border color

This element has a border color of #6060b3.

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

CSS codes

.text {color:#6060b3;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#06060e
```
#06060e rgb(6,6,14)
```
#0d0d1b
```
#0d0d1b rgb(13,13,27)
```
#131328
```
#131328 rgb(19,19,40)
```
#191935
```
#191935 rgb(25,25,53)
```
#202043
```
#202043 rgb(32,32,67)
```
#262650
```
#262650 rgb(38,38,80)
```
#2d2d5d
```
#2d2d5d rgb(45,45,93)
```
#33336a
```
#33336a rgb(51,51,106)
```
#393978
```
#393978 rgb(57,57,120)
```
#404085
```
#404085 rgb(64,64,133)
```
#464692
```
#464692 rgb(70,70,146)
```
#4c4ca0
```
#4c4ca0 rgb(76,76,160)
```

Shade Color Variation

#5353ad
```
#5353ad rgb(83,83,173)
```
#6060b3
```
#6060b3 rgb(96,96,179)
```
#6d6db9
```
#6d6db9 rgb(109,109,185)
```
#7b7bc0
```
#7b7bc0 rgb(123,123,192)
```
#8888c6
```
#8888c6 rgb(136,136,198)
```
#9595cc
```
#9595cc rgb(149,149,204)
```
#a2a2d3
```
#a2a2d3 rgb(162,162,211)
```
#b0b0d9
```
#b0b0d9 rgb(176,176,217)
```
#bdbddf
```
#bdbddf rgb(189,189,223)
```
#cacae6
```
#cacae6 rgb(202,202,230)
```
#d7d7ec
```
#d7d7ec rgb(215,215,236)
```
#e5e5f2
```
#e5e5f2 rgb(229,229,242)
```
#f2f2f9
```
#f2f2f9 rgb(242,242,249)
```

Tint Color Variation

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

#84848f
```
#84848f rgb(132,132,143)
```
#7b7b98
```
#7b7b98 rgb(123,123,152)
```
#7272a1
```
#7272a1 rgb(114,114,161)
```
#6969aa
```
#6969aa rgb(105,105,170)
```
#6060b3
```
#6060b3 rgb(96,96,179)
```
#5757bc
```
#5757bc rgb(87,87,188)
```
#4e4ec5
```
#4e4ec5 rgb(78,78,197)
```
#4545ce
```
#4545ce rgb(69,69,206)
```
#3c3cd7
```
#3c3cd7 rgb(60,60,215)
```
#3333e0
```
#3333e0 rgb(51,51,224)
```
#2a2ae9
```
#2a2ae9 rgb(42,42,233)
```
#2121f2
```
#2121f2 rgb(33,33,242)
```
#1818fb
```
#1818fb rgb(24,24,251)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#676778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#496ebb Protanopia 1% of men
#3f71b3 Deuteranopia 1% of men
#54767e Tritanopia 0.001% of the population

Trichromacy

#5169b8 Protanomaly 1% of men, 0.01% of women
#4b6bb3 Deuteranomaly 6% of men, 0.4% of women
#586e91 Tritanomaly 0.01% of the population

#6060b3 hex color

#6060b3 Color Information

#6060b3 Color Conversion

Color Schemes with #6060b3

Alternatives to #6060b3

#6060b3 Preview

Shades and Tints of #6060b3

Tones of #6060b3

Color Blindness Simulator