#0060de hex color

In a RGB color space, hex #0060de is composed of 0% red, 37.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 56.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 214.1 degrees, a saturation of 100% and a lightness of 43.5%. #0060de color hex could be obtained by blending #00c0ff with #0000bd. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 38
- B 87
RGB color chart
- C 100
- M 57
- Y 0
- K 13
CMYK color chart

● #0060de color description : Pure (or mostly pure) blue.

The hexadecimal color #0060de has RGB values of R:0, G:96, B:222 and CMYK values of C:1, M:0.57, Y:0, K:0.13. Its decimal value is 24798.

Hex triplet	0060de	`#0060de`
RGB Decimal	0, 96, 222	`rgb(0,96,222)`
RGB Percent	0, 37.6, 87.1	`rgb(0%,37.6%,87.1%)`
CMYK	100, 57, 0, 13
HSL	214.1°, 100, 43.5	`hsl(214.1,100%,43.5%)`
HSV (or HSB)	214.1°, 100, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.709, 26.346, -70.338
XYZ	17.365, 13.638, 70.82
xyY	0.171, 0.134, 13.638
CIE-LCH	43.709, 75.111, 290.534
CIE-LUV	43.709, -21.56, -105.563
Hunter-Lab	36.93, 19.305, -87.85
Binary	00000000, 01100000, 11011110

#0060de
```
#0060de rgb(0,96,222)
```
#de7e00
```
#de7e00 rgb(222,126,0)
```

Complementary Color

#00cfde
```
#00cfde rgb(0,207,222)
```
#0060de
```
#0060de rgb(0,96,222)
```
#0f00de
```
#0f00de rgb(15,0,222)
```

Analogous Color

#cfde00
```
#cfde00 rgb(207,222,0)
```
#0060de
```
#0060de rgb(0,96,222)
```
#de0f00
```
#de0f00 rgb(222,15,0)
```

Split Complementary Color

#60de00
```
#60de00 rgb(96,222,0)
```
#0060de
```
#0060de rgb(0,96,222)
```
#de0060
```
#de0060 rgb(222,0,96)
```

Triadic Color

#00de7e
```
#00de7e rgb(0,222,126)
```
#0060de
```
#0060de rgb(0,96,222)
```
#de0060
```
#de0060 rgb(222,0,96)
```
#de7e00
```
#de7e00 rgb(222,126,0)
```

Tetradic Color

#003f92
```
#003f92 rgb(0,63,146)
```
#004aab
```
#004aab rgb(0,74,171)
```
#0055c5
```
#0055c5 rgb(0,85,197)
```
#0060de
```
#0060de rgb(0,96,222)
```
#006bf8
```
#006bf8 rgb(0,107,248)
```
#1278ff
```
#1278ff rgb(18,120,255)
```
#2c87ff
```
#2c87ff rgb(44,135,255)
```

Monochromatic Color

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

#0098de
```
#0098de rgb(0,152,222)
```
#0085de
```
#0085de rgb(0,133,222)
```
#0073de
```
#0073de rgb(0,115,222)
```
#0060de
```
#0060de rgb(0,96,222)
```
#004ede
```
#004ede rgb(0,78,222)
```
#003bde
```
#003bde rgb(0,59,222)
```
#0029de
```
#0029de rgb(0,41,222)
```

Similar Colors

Text with hexadecimal color #0060de

This text has a font color of #0060de.

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

#0060de background color

This paragraph has a background color of #0060de.

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

#0060de border color

This element has a border color of #0060de.

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

CSS codes

.text {color:#0060de;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000b1a
```
#000b1a rgb(0,11,26)
```
#00142d
```
#00142d rgb(0,20,45)
```
#001c41
```
#001c41 rgb(0,28,65)
```
#002555
```
#002555 rgb(0,37,85)
```
#002d68
```
#002d68 rgb(0,45,104)
```
#00367c
```
#00367c rgb(0,54,124)
```
#003e90
```
#003e90 rgb(0,62,144)
```
#0047a3
```
#0047a3 rgb(0,71,163)
```
#004fb7
```
#004fb7 rgb(0,79,183)
```
#0058ca
```
#0058ca rgb(0,88,202)
```
#0060de
```
#0060de rgb(0,96,222)
```
#0068f2
```
#0068f2 rgb(0,104,242)
```

Shade Color Variation

#0672ff
```
#0672ff rgb(6,114,255)
```
#1a7dff
```
#1a7dff rgb(26,125,255)
```
#2d88ff
```
#2d88ff rgb(45,136,255)
```
#4193ff
```
#4193ff rgb(65,147,255)
```
#559eff
```
#559eff rgb(85,158,255)
```
#68a9ff
```
#68a9ff rgb(104,169,255)
```
#7cb5ff
```
#7cb5ff rgb(124,181,255)
```
#90c0ff
```
#90c0ff rgb(144,192,255)
```
#a3cbff
```
#a3cbff rgb(163,203,255)
```
#b7d6ff
```
#b7d6ff rgb(183,214,255)
```
#cae1ff
```
#cae1ff rgb(202,225,255)
```
#deecff
```
#deecff rgb(222,236,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#666e78
```
#666e78 rgb(102,110,120)
```
#5e6d80
```
#5e6d80 rgb(94,109,128)
```
#556c89
```
#556c89 rgb(85,108,137)
```
#4d6a91
```
#4d6a91 rgb(77,106,145)
```
#44699a
```
#44699a rgb(68,105,154)
```
#3c68a2
```
#3c68a2 rgb(60,104,162)
```
#3367ab
```
#3367ab rgb(51,103,171)
```
#2b66b3
```
#2b66b3 rgb(43,102,179)
```
#2265bc
```
#2265bc rgb(34,101,188)
```
#1a63c4
```
#1a63c4 rgb(26,99,196)
```
#1162cd
```
#1162cd rgb(17,98,205)
```
#0961d5
```
#0961d5 rgb(9,97,213)
```
#0060de
```
#0060de rgb(0,96,222)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#42556e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#0067d7 Protanomaly 1% of men, 0.01% of women
#006bc5 Deuteranomaly 6% of men, 0.4% of women
#0070a2 Tritanomaly 0.01% of the population

#0060de hex color

#0060de Color Information

#0060de Color Conversion

Color Schemes with #0060de

Alternatives to #0060de

#0060de Preview

Shades and Tints of #0060de

Tones of #0060de

Color Blindness Simulator