#006cd0 hex color

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

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

● #006cd0 color description : Strong blue.

The hexadecimal color #006cd0 has RGB values of R:0, G:108, B:208 and CMYK values of C:1, M:0.48, Y:0, K:0.18. Its decimal value is 27856.

Hex triplet	006cd0	`#006cd0`
RGB Decimal	0, 108, 208	`rgb(0,108,208)`
RGB Percent	0, 42.4, 81.6	`rgb(0%,42.4%,81.6%)`
CMYK	100, 48, 0, 18
HSL	208.8°, 100, 40.8	`hsl(208.8,100%,40.8%)`
HSV (or HSB)	208.8°, 100, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.012, 13.004, -58.619
XYZ	16.745, 15.278, 61.737
xyY	0.179, 0.163, 15.278
CIE-LCH	46.012, 60.044, 282.508
CIE-LUV	46.012, -25.408, -89.367
Hunter-Lab	39.087, 8.07, -66.288
Binary	00000000, 01101100, 11010000

#006cd0
```
#006cd0 rgb(0,108,208)
```
#d06400
```
#d06400 rgb(208,100,0)
```

Complementary Color

#00d0cc
```
#00d0cc rgb(0,208,204)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#0004d0
```
#0004d0 rgb(0,4,208)
```

Analogous Color

#d0cc00
```
#d0cc00 rgb(208,204,0)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#d00004
```
#d00004 rgb(208,0,4)
```

Split Complementary Color

#6cd000
```
#6cd000 rgb(108,208,0)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#d0006c
```
#d0006c rgb(208,0,108)
```

Triadic Color

#00d064
```
#00d064 rgb(0,208,100)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#d0006c
```
#d0006c rgb(208,0,108)
```
#d06400
```
#d06400 rgb(208,100,0)
```

Tetradic Color

#004484
```
#004484 rgb(0,68,132)
```
#00529d
```
#00529d rgb(0,82,157)
```
#005fb7
```
#005fb7 rgb(0,95,183)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#0079ea
```
#0079ea rgb(0,121,234)
```
#0486ff
```
#0486ff rgb(4,134,255)
```
#1e93ff
```
#1e93ff rgb(30,147,255)
```

Monochromatic Color

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

#00a0d0
```
#00a0d0 rgb(0,160,208)
```
#008fd0
```
#008fd0 rgb(0,143,208)
```
#007dd0
```
#007dd0 rgb(0,125,208)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#005bd0
```
#005bd0 rgb(0,91,208)
```
#0049d0
```
#0049d0 rgb(0,73,208)
```
#0038d0
```
#0038d0 rgb(0,56,208)
```

Similar Colors

Text with hexadecimal color #006cd0

This text has a font color of #006cd0.

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

#006cd0 background color

This paragraph has a background color of #006cd0.

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

#006cd0 border color

This element has a border color of #006cd0.

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

CSS codes

.text {color:#006cd0;}

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

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

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

#00060c
```
#00060c rgb(0,6,12)
```
#00101f
```
#00101f rgb(0,16,31)
```
#001b33
```
#001b33 rgb(0,27,51)
```
#002547
```
#002547 rgb(0,37,71)
```
#002f5a
```
#002f5a rgb(0,47,90)
```
#00396e
```
#00396e rgb(0,57,110)
```
#004382
```
#004382 rgb(0,67,130)
```
#004d95
```
#004d95 rgb(0,77,149)
```
#0058a9
```
#0058a9 rgb(0,88,169)
```
#0062bc
```
#0062bc rgb(0,98,188)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#0076e4
```
#0076e4 rgb(0,118,228)
```
#0080f7
```
#0080f7 rgb(0,128,247)
```

Shade Color Variation

#0c8aff
```
#0c8aff rgb(12,138,255)
```
#1f94ff
```
#1f94ff rgb(31,148,255)
```
#339dff
```
#339dff rgb(51,157,255)
```
#47a6ff
```
#47a6ff rgb(71,166,255)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#6eb9ff
```
#6eb9ff rgb(110,185,255)
```
#82c3ff
```
#82c3ff rgb(130,195,255)
```
#95ccff
```
#95ccff rgb(149,204,255)
```
#a9d6ff
```
#a9d6ff rgb(169,214,255)
```
#bcdfff
```
#bcdfff rgb(188,223,255)
```
#d0e8ff
```
#d0e8ff rgb(208,232,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#606870
```
#606870 rgb(96,104,112)
```
#586978
```
#586978 rgb(88,105,120)
```
#506980
```
#506980 rgb(80,105,128)
```
#486988
```
#486988 rgb(72,105,136)
```
#406a90
```
#406a90 rgb(64,106,144)
```
#386a98
```
#386a98 rgb(56,106,152)
```
#306aa0
```
#306aa0 rgb(48,106,160)
```
#286aa8
```
#286aa8 rgb(40,106,168)
```
#206bb0
```
#206bb0 rgb(32,107,176)
```
#186bb8
```
#186bb8 rgb(24,107,184)
```
#106bc0
```
#106bc0 rgb(16,107,192)
```
#086cc8
```
#086cc8 rgb(8,108,200)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#465b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3971d0 Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#246fd0 Protanomaly 1% of men, 0.01% of women
#0072c8 Deuteranomaly 6% of men, 0.4% of women
#0078a1 Tritanomaly 0.01% of the population

#006cd0 hex color

#006cd0 Color Information

#006cd0 Color Conversion

Color Schemes with #006cd0

Alternatives to #006cd0

#006cd0 Preview

Shades and Tints of #006cd0

Tones of #006cd0

Color Blindness Simulator