#0060bc hex color

In a RGB color space, hex #0060bc is composed of 0% red, 37.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 48.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 209.4 degrees, a saturation of 100% and a lightness of 36.9%. #0060bc color hex could be obtained by blending #00c0ff with #000079. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 38
- B 74
RGB color chart
- C 100
- M 49
- Y 0
- K 26
CMYK color chart

● #0060bc color description : Strong blue.

The hexadecimal color #0060bc has RGB values of R:0, G:96, B:188 and CMYK values of C:1, M:0.49, Y:0, K:0.26. Its decimal value is 24764.

Hex triplet	0060bc	`#0060bc`
RGB Decimal	0, 96, 188	`rgb(0,96,188)`
RGB Percent	0, 37.6, 73.7	`rgb(0%,37.6%,73.7%)`
CMYK	100, 49, 0, 26
HSL	209.4°, 100, 36.9	`hsl(209.4,100%,36.9%)`
HSV (or HSB)	209.4°, 100, 73.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.209, 12.718, -54.827
XYZ	13.258, 11.995, 49.191
xyY	0.178, 0.161, 11.995
CIE-LCH	41.209, 56.283, 283.06
CIE-LUV	41.209, -22.614, -81.172
Hunter-Lab	34.634, 7.719, -59.965
Binary	00000000, 01100000, 10111100

#0060bc
```
#0060bc rgb(0,96,188)
```
#bc5c00
```
#bc5c00 rgb(188,92,0)
```

Complementary Color

#00bcba
```
#00bcba rgb(0,188,186)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#0002bc
```
#0002bc rgb(0,2,188)
```

Analogous Color

#bcba00
```
#bcba00 rgb(188,186,0)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#bc0002
```
#bc0002 rgb(188,0,2)
```

Split Complementary Color

#60bc00
```
#60bc00 rgb(96,188,0)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#bc0060
```
#bc0060 rgb(188,0,96)
```

Triadic Color

#00bc5c
```
#00bc5c rgb(0,188,92)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#bc0060
```
#bc0060 rgb(188,0,96)
```
#bc5c00
```
#bc5c00 rgb(188,92,0)
```

Tetradic Color

#003970
```
#003970 rgb(0,57,112)
```
#004689
```
#004689 rgb(0,70,137)
```
#0053a3
```
#0053a3 rgb(0,83,163)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#006dd6
```
#006dd6 rgb(0,109,214)
```
#007aef
```
#007aef rgb(0,122,239)
```
#0a87ff
```
#0a87ff rgb(10,135,255)
```

Monochromatic Color

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

#008fbc
```
#008fbc rgb(0,143,188)
```
#007fbc
```
#007fbc rgb(0,127,188)
```
#0070bc
```
#0070bc rgb(0,112,188)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#0050bc
```
#0050bc rgb(0,80,188)
```
#0041bc
```
#0041bc rgb(0,65,188)
```
#0031bc
```
#0031bc rgb(0,49,188)
```

Similar Colors

Text with hexadecimal color #0060bc

This text has a font color of #0060bc.

<span style="color:#0060bc;">Text here</span>

#0060bc background color

This paragraph has a background color of #0060bc.

<p style="background-color:#0060bc;">Content here</p>

#0060bc border color

This element has a border color of #0060bc.

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

CSS codes

.text {color:#0060bc;}

.background {background-color:#0060bc;}

.border {border:1px solid #0060bc;}

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

#00060b
```
#00060b rgb(0,6,11)
```
#00101f
```
#00101f rgb(0,16,31)
```
#001a33
```
#001a33 rgb(0,26,51)
```
#002446
```
#002446 rgb(0,36,70)
```
#002e5a
```
#002e5a rgb(0,46,90)
```
#00386e
```
#00386e rgb(0,56,110)
```
#004281
```
#004281 rgb(0,66,129)
```
#004c95
```
#004c95 rgb(0,76,149)
```
#0056a8
```
#0056a8 rgb(0,86,168)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#0074e3
```
#0074e3 rgb(0,116,227)
```
#007ef7
```
#007ef7 rgb(0,126,247)
```

Shade Color Variation

#0b88ff
```
#0b88ff rgb(11,136,255)
```
#1f91ff
```
#1f91ff rgb(31,145,255)
```
#339bff
```
#339bff rgb(51,155,255)
```
#46a5ff
```
#46a5ff rgb(70,165,255)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#6eb8ff
```
#6eb8ff rgb(110,184,255)
```
#81c1ff
```
#81c1ff rgb(129,193,255)
```
#95cbff
```
#95cbff rgb(149,203,255)
```
#a8d5ff
```
#a8d5ff rgb(168,213,255)
```
#bcdeff
```
#bcdeff rgb(188,222,255)
```
#d0e8ff
```
#d0e8ff rgb(208,232,255)
```
#e3f1ff
```
#e3f1ff rgb(227,241,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575e65 is the less saturated color, while #0060bc is the most saturated one.

#575e65
```
#575e65 rgb(87,94,101)
```
#505e6c
```
#505e6c rgb(80,94,108)
```
#485e74
```
#485e74 rgb(72,94,116)
```
#415f7b
```
#415f7b rgb(65,95,123)
```
#3a5f82
```
#3a5f82 rgb(58,95,130)
```
#335f89
```
#335f89 rgb(51,95,137)
```
#2b5f91
```
#2b5f91 rgb(43,95,145)
```
#245f98
```
#245f98 rgb(36,95,152)
```
#1d5f9f
```
#1d5f9f rgb(29,95,159)
```
#1660a6
```
#1660a6 rgb(22,96,166)
```
#0e60ae
```
#0e60ae rgb(14,96,174)
```
#0760b5
```
#0760b5 rgb(7,96,181)
```
#0060bc
```
#0060bc rgb(0,96,188)
```

Tone Color Variation

Below, you can see how #0060bc 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

#4e4e4e Achromatopsia 0.005% of the population
#3e5264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3166bd Protanopia 1% of men
#006bb0 Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#1f64bd Protanomaly 1% of men, 0.01% of women
#0067b4 Deuteranomaly 6% of men, 0.4% of women
#006c92 Tritanomaly 0.01% of the population

#0060bc hex color

#0060bc Color Information

#0060bc Color Conversion

Color Schemes with #0060bc

Alternatives to #0060bc

#0060bc Preview

Shades and Tints of #0060bc

Tones of #0060bc

Color Blindness Simulator