#0060bf hex color

In a RGB color space, hex #0060bf is composed of 0% red, 37.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 49.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 209.8 degrees, a saturation of 100% and a lightness of 37.5%. #0060bf color hex could be obtained by blending #00c0ff with #00007f. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 38
- B 75
RGB color chart
- C 100
- M 50
- Y 0
- K 25
CMYK color chart

● #0060bf color description : Strong blue.

The hexadecimal color #0060bf has RGB values of R:0, G:96, B:191 and CMYK values of C:1, M:0.5, Y:0, K:0.25. Its decimal value is 24767.

Hex triplet	0060bf	`#0060bf`
RGB Decimal	0, 96, 191	`rgb(0,96,191)`
RGB Percent	0, 37.6, 74.9	`rgb(0%,37.6%,74.9%)`
CMYK	100, 50, 0, 25
HSL	209.8°, 100, 37.5	`hsl(209.8,100%,37.5%)`
HSV (or HSB)	209.8°, 100, 74.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.416, 13.939, -56.24
XYZ	13.585, 12.126, 50.912
xyY	0.177, 0.158, 12.126
CIE-LCH	41.416, 57.942, 283.92
CIE-LUV	41.416, -22.499, -83.411
Hunter-Lab	34.823, 8.696, -62.309
Binary	00000000, 01100000, 10111111

#0060bf
```
#0060bf rgb(0,96,191)
```
#bf5f00
```
#bf5f00 rgb(191,95,0)
```

Complementary Color

#00bfbf
```
#00bfbf rgb(0,191,191)
```
#0060bf
```
#0060bf rgb(0,96,191)
```
#0000bf
```
#0000bf rgb(0,0,191)
```

Analogous Color

#bfbf00
```
#bfbf00 rgb(191,191,0)
```
#0060bf
```
#0060bf rgb(0,96,191)
```
#bf0000
```
#bf0000 rgb(191,0,0)
```

Split Complementary Color

#60bf00
```
#60bf00 rgb(96,191,0)
```
#0060bf
```
#0060bf rgb(0,96,191)
```
#bf0060
```
#bf0060 rgb(191,0,96)
```

Triadic Color

#00bf5f
```
#00bf5f rgb(0,191,95)
```
#0060bf
```
#0060bf rgb(0,96,191)
```
#bf0060
```
#bf0060 rgb(191,0,96)
```
#bf5f00
```
#bf5f00 rgb(191,95,0)
```

Tetradic Color

#003a73
```
#003a73 rgb(0,58,115)
```
#00468c
```
#00468c rgb(0,70,140)
```
#0053a6
```
#0053a6 rgb(0,83,166)
```
#0060bf
```
#0060bf rgb(0,96,191)
```
#006dd9
```
#006dd9 rgb(0,109,217)
```
#007af2
```
#007af2 rgb(0,122,242)
```
#0d86ff
```
#0d86ff rgb(13,134,255)
```

Monochromatic Color

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

#0090bf
```
#0090bf rgb(0,144,191)
```
#0080bf
```
#0080bf rgb(0,128,191)
```
#0070bf
```
#0070bf rgb(0,112,191)
```
#0060bf
```
#0060bf rgb(0,96,191)
```
#0050bf
```
#0050bf rgb(0,80,191)
```
#0040bf
```
#0040bf rgb(0,64,191)
```
#0030bf
```
#0030bf rgb(0,48,191)
```

Similar Colors

Text with hexadecimal color #0060bf

This text has a font color of #0060bf.

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

#0060bf background color

This paragraph has a background color of #0060bf.

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

#0060bf border color

This element has a border color of #0060bf.

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

CSS codes

.text {color:#0060bf;}

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

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

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, #00070e is the darkest color, while #fafcff is the lightest one.

#00070e
```
#00070e rgb(0,7,14)
```
#001122
```
#001122 rgb(0,17,34)
```
#001b36
```
#001b36 rgb(0,27,54)
```
#002549
```
#002549 rgb(0,37,73)
```
#002f5d
```
#002f5d rgb(0,47,93)
```
#003971
```
#003971 rgb(0,57,113)
```
#004284
```
#004284 rgb(0,66,132)
```
#004c98
```
#004c98 rgb(0,76,152)
```
#0056ab
```
#0056ab rgb(0,86,171)
```
#0060bf
```
#0060bf rgb(0,96,191)
```
#006ad3
```
#006ad3 rgb(0,106,211)
```
#0074e6
```
#0074e6 rgb(0,116,230)
```
#007efa
```
#007efa rgb(0,126,250)
```

Shade Color Variation

#0e87ff
```
#0e87ff rgb(14,135,255)
```
#2291ff
```
#2291ff rgb(34,145,255)
```
#369bff
```
#369bff rgb(54,155,255)
```
#49a5ff
```
#49a5ff rgb(73,165,255)
```
#5daeff
```
#5daeff rgb(93,174,255)
```
#71b8ff
```
#71b8ff rgb(113,184,255)
```
#84c2ff
```
#84c2ff rgb(132,194,255)
```
#98ccff
```
#98ccff rgb(152,204,255)
```
#abd5ff
```
#abd5ff rgb(171,213,255)
```
#bfdfff
```
#bfdfff rgb(191,223,255)
```
#d3e9ff
```
#d3e9ff rgb(211,233,255)
```
#e6f3ff
```
#e6f3ff rgb(230,243,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#586067
```
#586067 rgb(88,96,103)
```
#51606e
```
#51606e rgb(81,96,110)
```
#496076
```
#496076 rgb(73,96,118)
```
#42607d
```
#42607d rgb(66,96,125)
```
#3b6084
```
#3b6084 rgb(59,96,132)
```
#33608c
```
#33608c rgb(51,96,140)
```
#2c6093
```
#2c6093 rgb(44,96,147)
```
#25609a
```
#25609a rgb(37,96,154)
```
#1d60a2
```
#1d60a2 rgb(29,96,162)
```
#1660a9
```
#1660a9 rgb(22,96,169)
```
#0f60b0
```
#0f60b0 rgb(15,96,176)
```
#0760b8
```
#0760b8 rgb(7,96,184)
```
#0060bf
```
#0060bf rgb(0,96,191)
```

Tone Color Variation

Below, you can see how #0060bf 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
#3e5265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d66c1 Protanopia 1% of men
#006cb1 Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#1c64c0 Protanomaly 1% of men, 0.01% of women
#0067b6 Deuteranomaly 6% of men, 0.4% of women
#006c93 Tritanomaly 0.01% of the population

#0060bf hex color

#0060bf Color Information

#0060bf Color Conversion

Color Schemes with #0060bf

Alternatives to #0060bf

#0060bf Preview

Shades and Tints of #0060bf

Tones of #0060bf

Color Blindness Simulator