#006cf0 hex color

In a RGB color space, hex #006cf0 is composed of 0% red, 42.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 55% magenta, 0% yellow and 5.9% black. It has a hue angle of 213 degrees, a saturation of 100% and a lightness of 47.1%. #006cf0 color hex could be obtained by blending #00d8ff with #0000e1. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 42
- B 94
RGB color chart
- C 100
- M 55
- Y 0
- K 6
CMYK color chart

● #006cf0 color description : Pure (or mostly pure) blue.

The hexadecimal color #006cf0 has RGB values of R:0, G:108, B:240 and CMYK values of C:1, M:0.55, Y:0, K:0.06. Its decimal value is 27888.

Hex triplet	006cf0	`#006cf0`
RGB Decimal	0, 108, 240	`rgb(0,108,240)`
RGB Percent	0, 42.4, 94.1	`rgb(0%,42.4%,94.1%)`
CMYK	100, 55, 0, 6
HSL	213°, 100, 47.1	`hsl(213,100%,47.1%)`
HSV (or HSB)	213°, 100, 94.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.278, 25.628, -73.045
XYZ	21.087, 17.015, 84.606
xyY	0.172, 0.139, 17.015
CIE-LCH	48.278, 77.41, 289.333
CIE-LUV	48.278, -24.306, -112.643
Hunter-Lab	41.249, 19.068, -92.737
Binary	00000000, 01101100, 11110000

#006cf0
```
#006cf0 rgb(0,108,240)
```
#f08400
```
#f08400 rgb(240,132,0)
```

Complementary Color

#00e4f0
```
#00e4f0 rgb(0,228,240)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```
#0c00f0
```
#0c00f0 rgb(12,0,240)
```

Analogous Color

#e4f000
```
#e4f000 rgb(228,240,0)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```
#f00c00
```
#f00c00 rgb(240,12,0)
```

Split Complementary Color

#6cf000
```
#6cf000 rgb(108,240,0)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```
#f0006c
```
#f0006c rgb(240,0,108)
```

Triadic Color

#00f084
```
#00f084 rgb(0,240,132)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```
#f0006c
```
#f0006c rgb(240,0,108)
```
#f08400
```
#f08400 rgb(240,132,0)
```

Tetradic Color

#004aa4
```
#004aa4 rgb(0,74,164)
```
#0055bd
```
#0055bd rgb(0,85,189)
```
#0061d7
```
#0061d7 rgb(0,97,215)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```
#0b79ff
```
#0b79ff rgb(11,121,255)
```
#2487ff
```
#2487ff rgb(36,135,255)
```
#3e95ff
```
#3e95ff rgb(62,149,255)
```

Monochromatic Color

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

#00a8f0
```
#00a8f0 rgb(0,168,240)
```
#0094f0
```
#0094f0 rgb(0,148,240)
```
#0080f0
```
#0080f0 rgb(0,128,240)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```
#0058f0
```
#0058f0 rgb(0,88,240)
```
#0044f0
```
#0044f0 rgb(0,68,240)
```
#0030f0
```
#0030f0 rgb(0,48,240)
```

Similar Colors

Text with hexadecimal color #006cf0

This text has a font color of #006cf0.

<span style="color:#006cf0;">Text here</span>

#006cf0 background color

This paragraph has a background color of #006cf0.

<p style="background-color:#006cf0;">Content here</p>

#006cf0 border color

This element has a border color of #006cf0.

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

CSS codes

.text {color:#006cf0;}

.background {background-color:#006cf0;}

.border {border:1px solid #006cf0;}

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

#000205
```
#000205 rgb(0,2,5)
```
#000b18
```
#000b18 rgb(0,11,24)
```
#00142c
```
#00142c rgb(0,20,44)
```
#001d3f
```
#001d3f rgb(0,29,63)
```
#002553
```
#002553 rgb(0,37,83)
```
#002e67
```
#002e67 rgb(0,46,103)
```
#00377a
```
#00377a rgb(0,55,122)
```
#00408e
```
#00408e rgb(0,64,142)
```
#0049a2
```
#0049a2 rgb(0,73,162)
```
#0052b5
```
#0052b5 rgb(0,82,181)
```
#005ac9
```
#005ac9 rgb(0,90,201)
```
#0063dc
```
#0063dc rgb(0,99,220)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```

Shade Color Variation

#0575ff
```
#0575ff rgb(5,117,255)
```
#1880ff
```
#1880ff rgb(24,128,255)
```
#2c8bff
```
#2c8bff rgb(44,139,255)
```
#3f96ff
```
#3f96ff rgb(63,150,255)
```
#53a0ff
```
#53a0ff rgb(83,160,255)
```
#67abff
```
#67abff rgb(103,171,255)
```
#7ab6ff
```
#7ab6ff rgb(122,182,255)
```
#8ec1ff
```
#8ec1ff rgb(142,193,255)
```
#a2ccff
```
#a2ccff rgb(162,204,255)
```
#b5d6ff
```
#b5d6ff rgb(181,214,255)
```
#c9e1ff
```
#c9e1ff rgb(201,225,255)
```
#dcecff
```
#dcecff rgb(220,236,255)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7781 is the less saturated color, while #006cf0 is the most saturated one.

#6f7781
```
#6f7781 rgb(111,119,129)
```
#66768a
```
#66768a rgb(102,118,138)
```
#5c7594
```
#5c7594 rgb(92,117,148)
```
#53749d
```
#53749d rgb(83,116,157)
```
#4a73a6
```
#4a73a6 rgb(74,115,166)
```
#4172af
```
#4172af rgb(65,114,175)
```
#3772b9
```
#3772b9 rgb(55,114,185)
```
#2e71c2
```
#2e71c2 rgb(46,113,194)
```
#2570cb
```
#2570cb rgb(37,112,203)
```
#1c6fd4
```
#1c6fd4 rgb(28,111,212)
```
#126ede
```
#126ede rgb(18,110,222)
```
#096de7
```
#096de7 rgb(9,109,231)
```
#006cf0
```
#006cf0 rgb(0,108,240)
```

Tone Color Variation

Below, you can see how #006cf0 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

#5b5b5b Achromatopsia 0.005% of the population
#495e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0072ea Protanomaly 1% of men, 0.01% of women
#0076d8 Deuteranomaly 6% of men, 0.4% of women
#007cb1 Tritanomaly 0.01% of the population

#006cf0 hex color

#006cf0 Color Information

#006cf0 Color Conversion

Color Schemes with #006cf0

Alternatives to #006cf0

#006cf0 Preview

Shades and Tints of #006cf0

Tones of #006cf0

Color Blindness Simulator