colorhexa.com

#006cf7 hex color

In a RGB color space, hex #006cf7 is composed of 0% red, 42.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 56.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 213.8 degrees, a saturation of 100% and a lightness of 48.4%. #006cf7 color hex could be obtained by blending #00d8ff with #0000ef. Closest websafe color is: #0066ff.

- R 0
- G 42
- B 97
RGB color chart
- C 100
- M 56
- Y 0
- K 3
CMYK color chart

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

The hexadecimal color #006cf7 has RGB values of R:0, G:108, B:247 and CMYK values of C:1, M:0.56, Y:0, K:0.03. Its decimal value is 27895.

Hex triplet	006cf7	`#006cf7`
RGB Decimal	0, 108, 247	`rgb(0,108,247)`
RGB Percent	0, 42.4, 96.9	`rgb(0%,42.4%,96.9%)`
CMYK	100, 56, 0, 3
HSL	213.8°, 100, 48.4	`hsl(213.8,100%,48.4%)`
HSV (or HSB)	213.8°, 100, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.808, 28.335, -76.091
XYZ	22.147, 17.439, 90.189
xyY	0.171, 0.134, 17.439
CIE-LCH	48.808, 81.195, 290.424
CIE-LUV	48.808, -24.121, -117.503
Hunter-Lab	41.759, 21.589, -98.819
Binary	00000000, 01101100, 11110111

#006cf7
```
#006cf7 rgb(0,108,247)
```
#f78b00
```
#f78b00 rgb(247,139,0)
```

Complementary Color

#00e8f7
```
#00e8f7 rgb(0,232,247)
```
#006cf7
```
#006cf7 rgb(0,108,247)
```
#0f00f7
```
#0f00f7 rgb(15,0,247)
```

Analogous Color

#e8f700
```
#e8f700 rgb(232,247,0)
```
#006cf7
```
#006cf7 rgb(0,108,247)
```
#f70f00
```
#f70f00 rgb(247,15,0)
```

Split Complementary Color

#6cf700
```
#6cf700 rgb(108,247,0)
```
#006cf7
```
#006cf7 rgb(0,108,247)
```
#f7006c
```
#f7006c rgb(247,0,108)
```

Triadic Color

#004bab
```
#004bab rgb(0,75,171)
```
#0056c4
```
#0056c4 rgb(0,86,196)
```
#0061de
```
#0061de rgb(0,97,222)
```
#006cf7
```
#006cf7 rgb(0,108,247)
```
#1279ff
```
#1279ff rgb(18,121,255)
```
#2b88ff
```
#2b88ff rgb(43,136,255)
```
#4596ff
```
#4596ff rgb(69,150,255)
```

Monochromatic Color

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

#00aaf7
```
#00aaf7 rgb(0,170,247)
```
#0095f7
```
#0095f7 rgb(0,149,247)
```
#0081f7
```
#0081f7 rgb(0,129,247)
```
#006cf7
```
#006cf7 rgb(0,108,247)
```
#0057f7
```
#0057f7 rgb(0,87,247)
```
#0043f7
```
#0043f7 rgb(0,67,247)
```
#002ef7
```
#002ef7 rgb(0,46,247)
```

Similar Colors

Text with hexadecimal color #006cf7

This text has a font color of #006cf7.

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

#006cf7 background color

This paragraph has a background color of #006cf7.

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

#006cf7 border color

This element has a border color of #006cf7.

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

CSS codes

.text {color:#006cf7;}

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

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

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 #f7faff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#000e1f
```
#000e1f rgb(0,14,31)
```
#001633
```
#001633 rgb(0,22,51)
```
#001f46
```
#001f46 rgb(0,31,70)
```
#00275a
```
#00275a rgb(0,39,90)
```
#00306e
```
#00306e rgb(0,48,110)
```
#003981
```
#003981 rgb(0,57,129)
```
#004195
```
#004195 rgb(0,65,149)
```
#004aa9
```
#004aa9 rgb(0,74,169)
```
#0052bc
```
#0052bc rgb(0,82,188)
```
#005bd0
```
#005bd0 rgb(0,91,208)
```
#0063e3
```
#0063e3 rgb(0,99,227)
```
#006cf7
```
#006cf7 rgb(0,108,247)
```

Shade Color Variation

#0c76ff
```
#0c76ff rgb(12,118,255)
```
#1f81ff
```
#1f81ff rgb(31,129,255)
```
#338cff
```
#338cff rgb(51,140,255)
```
#4697ff
```
#4697ff rgb(70,151,255)
```
#5aa2ff
```
#5aa2ff rgb(90,162,255)
```
#6eadff
```
#6eadff rgb(110,173,255)
```
#81b8ff
```
#81b8ff rgb(129,184,255)
```
#95c3ff
```
#95c3ff rgb(149,195,255)
```
#a9ceff
```
#a9ceff rgb(169,206,255)
```
#bcd9ff
```
#bcd9ff rgb(188,217,255)
```
#d0e4ff
```
#d0e4ff rgb(208,228,255)
```
#e3efff
```
#e3efff rgb(227,239,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#727a85
```
#727a85 rgb(114,122,133)
```
#69798f
```
#69798f rgb(105,121,143)
```
#5f7898
```
#5f7898 rgb(95,120,152)
```
#5677a2
```
#5677a2 rgb(86,119,162)
```
#4c76ab
```
#4c76ab rgb(76,118,171)
```
#4374b5
```
#4374b5 rgb(67,116,181)
```
#3973be
```
#3973be rgb(57,115,190)
```
#3072c8
```
#3072c8 rgb(48,114,200)
```
#2671d1
```
#2671d1 rgb(38,113,209)
```
#1d70db
```
#1d70db rgb(29,112,219)
```
#136ee4
```
#136ee4 rgb(19,110,228)
```
#0a6dee
```
#0a6dee rgb(10,109,238)
```
#006cf7
```
#006cf7 rgb(0,108,247)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4a5f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0073ee Protanomaly 1% of men, 0.01% of women
#0077db Deuteranomaly 6% of men, 0.4% of women
#007db4 Tritanomaly 0.01% of the population