#0060d0 hex color

In a RGB color space, hex #0060d0 is composed of 0% red, 37.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 53.8% magenta, 0% yellow and 18.4% black. It has a hue angle of 212.3 degrees, a saturation of 100% and a lightness of 40.8%. #0060d0 color hex could be obtained by blending #00c0ff with #0000a1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 38
- B 82
RGB color chart
- C 100
- M 54
- Y 0
- K 18
CMYK color chart

● #0060d0 color description : Strong blue.

The hexadecimal color #0060d0 has RGB values of R:0, G:96, B:208 and CMYK values of C:1, M:0.54, Y:0, K:0.18. Its decimal value is 24784.

Hex triplet	0060d0	`#0060d0`
RGB Decimal	0, 96, 208	`rgb(0,96,208)`
RGB Percent	0, 37.6, 81.6	`rgb(0%,37.6%,81.6%)`
CMYK	100, 54, 0, 18
HSL	212.3°, 100, 40.8	`hsl(212.3,100%,40.8%)`
HSV (or HSB)	212.3°, 100, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.64, 20.796, -64.08
XYZ	15.566, 12.918, 61.344
xyY	0.173, 0.144, 12.918
CIE-LCH	42.64, 67.37, 287.98
CIE-LUV	42.64, -21.93, -95.773
Hunter-Lab	35.942, 14.404, -76.033
Binary	00000000, 01100000, 11010000

#0060d0
```
#0060d0 rgb(0,96,208)
```
#d07000
```
#d07000 rgb(208,112,0)
```

Complementary Color

#00c8d0
```
#00c8d0 rgb(0,200,208)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```
#0800d0
```
#0800d0 rgb(8,0,208)
```

Analogous Color

#c8d000
```
#c8d000 rgb(200,208,0)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```
#d00800
```
#d00800 rgb(208,8,0)
```

Split Complementary Color

#60d000
```
#60d000 rgb(96,208,0)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```
#d00060
```
#d00060 rgb(208,0,96)
```

Triadic Color

#00d070
```
#00d070 rgb(0,208,112)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```
#d00060
```
#d00060 rgb(208,0,96)
```
#d07000
```
#d07000 rgb(208,112,0)
```

Tetradic Color

#003d84
```
#003d84 rgb(0,61,132)
```
#00489d
```
#00489d rgb(0,72,157)
```
#0054b7
```
#0054b7 rgb(0,84,183)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```
#006cea
```
#006cea rgb(0,108,234)
```
#0478ff
```
#0478ff rgb(4,120,255)
```
#1e86ff
```
#1e86ff rgb(30,134,255)
```

Monochromatic Color

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

#0094d0
```
#0094d0 rgb(0,148,208)
```
#0083d0
```
#0083d0 rgb(0,131,208)
```
#0071d0
```
#0071d0 rgb(0,113,208)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```
#004fd0
```
#004fd0 rgb(0,79,208)
```
#003dd0
```
#003dd0 rgb(0,61,208)
```
#002cd0
```
#002cd0 rgb(0,44,208)
```

Similar Colors

Text with hexadecimal color #0060d0

This text has a font color of #0060d0.

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

#0060d0 background color

This paragraph has a background color of #0060d0.

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

#0060d0 border color

This element has a border color of #0060d0.

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

CSS codes

.text {color:#0060d0;}

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

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

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

#00050c
```
#00050c rgb(0,5,12)
```
#000f1f
```
#000f1f rgb(0,15,31)
```
#001833
```
#001833 rgb(0,24,51)
```
#002147
```
#002147 rgb(0,33,71)
```
#002a5a
```
#002a5a rgb(0,42,90)
```
#00336e
```
#00336e rgb(0,51,110)
```
#003c82
```
#003c82 rgb(0,60,130)
```
#004595
```
#004595 rgb(0,69,149)
```
#004ea9
```
#004ea9 rgb(0,78,169)
```
#0057bc
```
#0057bc rgb(0,87,188)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```
#0069e4
```
#0069e4 rgb(0,105,228)
```
#0072f7
```
#0072f7 rgb(0,114,247)
```

Shade Color Variation

#0c7cff
```
#0c7cff rgb(12,124,255)
```
#1f87ff
```
#1f87ff rgb(31,135,255)
```
#3391ff
```
#3391ff rgb(51,145,255)
```
#479cff
```
#479cff rgb(71,156,255)
```
#5aa6ff
```
#5aa6ff rgb(90,166,255)
```
#6eb1ff
```
#6eb1ff rgb(110,177,255)
```
#82bbff
```
#82bbff rgb(130,187,255)
```
#95c6ff
```
#95c6ff rgb(149,198,255)
```
#a9d1ff
```
#a9d1ff rgb(169,209,255)
```
#bcdbff
```
#bcdbff rgb(188,219,255)
```
#d0e6ff
```
#d0e6ff rgb(208,230,255)
```
#e4f0ff
```
#e4f0ff rgb(228,240,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#606770
```
#606770 rgb(96,103,112)
```
#586778
```
#586778 rgb(88,103,120)
```
#506680
```
#506680 rgb(80,102,128)
```
#486688
```
#486688 rgb(72,102,136)
```
#406590
```
#406590 rgb(64,101,144)
```
#386498
```
#386498 rgb(56,100,152)
```
#3064a0
```
#3064a0 rgb(48,100,160)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#2062b0
```
#2062b0 rgb(32,98,176)
```
#1862b8
```
#1862b8 rgb(24,98,184)
```
#1061c0
```
#1061c0 rgb(16,97,192)
```
#0861c8
```
#0861c8 rgb(8,97,200)
```
#0060d0
```
#0060d0 rgb(0,96,208)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#40536a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb4 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0065cf Protanomaly 1% of men, 0.01% of women
#0069be Deuteranomaly 6% of men, 0.4% of women
#006e9b Tritanomaly 0.01% of the population

#0060d0 hex color

#0060d0 Color Information

#0060d0 Color Conversion

Color Schemes with #0060d0

Alternatives to #0060d0

#0060d0 Preview

Shades and Tints of #0060d0

Tones of #0060d0

Color Blindness Simulator