#006ad2 hex color

In a RGB color space, hex #006ad2 is composed of 0% red, 41.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 49.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 209.7 degrees, a saturation of 100% and a lightness of 41.2%. #006ad2 color hex could be obtained by blending #00d4ff with #0000a5. Closest websafe color is: #0066cc.

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

● #006ad2 color description : Strong blue.

The hexadecimal color #006ad2 has RGB values of R:0, G:106, B:210 and CMYK values of C:1, M:0.5, Y:0, K:0.18. Its decimal value is 27346.

Hex triplet	006ad2	`#006ad2`
RGB Decimal	0, 106, 210	`rgb(0,106,210)`
RGB Percent	0, 41.6, 82.4	`rgb(0%,41.6%,82.4%)`
CMYK	100, 50, 0, 18
HSL	209.7°, 100, 41.2	`hsl(209.7,100%,41.2%)`
HSV (or HSB)	209.7°, 100, 82.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.579, 15.09, -60.462
XYZ	16.784, 14.96, 62.972
xyY	0.177, 0.158, 14.96
CIE-LCH	45.579, 62.316, 284.013
CIE-LUV	45.579, -24.733, -92.017
Hunter-Lab	38.678, 9.774, -69.457
Binary	00000000, 01101010, 11010010

#006ad2
```
#006ad2 rgb(0,106,210)
```
#d26800
```
#d26800 rgb(210,104,0)
```

Complementary Color

#00d2d1
```
#00d2d1 rgb(0,210,209)
```
#006ad2
```
#006ad2 rgb(0,106,210)
```
#0001d2
```
#0001d2 rgb(0,1,210)
```

Analogous Color

#d2d100
```
#d2d100 rgb(210,209,0)
```
#006ad2
```
#006ad2 rgb(0,106,210)
```
#d20001
```
#d20001 rgb(210,0,1)
```

Split Complementary Color

#6ad200
```
#6ad200 rgb(106,210,0)
```
#006ad2
```
#006ad2 rgb(0,106,210)
```
#d2006a
```
#d2006a rgb(210,0,106)
```

Triadic Color

#00d268
```
#00d268 rgb(0,210,104)
```
#006ad2
```
#006ad2 rgb(0,106,210)
```
#d2006a
```
#d2006a rgb(210,0,106)
```
#d26800
```
#d26800 rgb(210,104,0)
```

Tetradic Color

#004386
```
#004386 rgb(0,67,134)
```
#00509f
```
#00509f rgb(0,80,159)
```
#005db9
```
#005db9 rgb(0,93,185)
```
#006ad2
```
#006ad2 rgb(0,106,210)
```
#0077ec
```
#0077ec rgb(0,119,236)
```
#0684ff
```
#0684ff rgb(6,132,255)
```
#2090ff
```
#2090ff rgb(32,144,255)
```

Monochromatic Color

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

#009fd2
```
#009fd2 rgb(0,159,210)
```
#008dd2
```
#008dd2 rgb(0,141,210)
```
#007cd2
```
#007cd2 rgb(0,124,210)
```
#006ad2
```
#006ad2 rgb(0,106,210)
```
#0059d2
```
#0059d2 rgb(0,89,210)
```
#0047d2
```
#0047d2 rgb(0,71,210)
```
#0036d2
```
#0036d2 rgb(0,54,210)
```

Similar Colors

Text with hexadecimal color #006ad2

This text has a font color of #006ad2.

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

#006ad2 background color

This paragraph has a background color of #006ad2.

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

#006ad2 border color

This element has a border color of #006ad2.

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

CSS codes

.text {color:#006ad2;}

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

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

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, #00070e is the darkest color, while #f9fcff is the lightest one.

#00070e
```
#00070e rgb(0,7,14)
```
#001121
```
#001121 rgb(0,17,33)
```
#001b35
```
#001b35 rgb(0,27,53)
```
#002549
```
#002549 rgb(0,37,73)
```
#002f5c
```
#002f5c rgb(0,47,92)
```
#003870
```
#003870 rgb(0,56,112)
```
#004284
```
#004284 rgb(0,66,132)
```
#004c97
```
#004c97 rgb(0,76,151)
```
#0056ab
```
#0056ab rgb(0,86,171)
```
#0060be
```
#0060be rgb(0,96,190)
```
#006ad2
```
#006ad2 rgb(0,106,210)
```
#0074e6
```
#0074e6 rgb(0,116,230)
```
#007ef9
```
#007ef9 rgb(0,126,249)
```

Shade Color Variation

#0e88ff
```
#0e88ff rgb(14,136,255)
```
#2191ff
```
#2191ff rgb(33,145,255)
```
#359bff
```
#359bff rgb(53,155,255)
```
#49a5ff
```
#49a5ff rgb(73,165,255)
```
#5caeff
```
#5caeff rgb(92,174,255)
```
#70b8ff
```
#70b8ff rgb(112,184,255)
```
#84c2ff
```
#84c2ff rgb(132,194,255)
```
#97ccff
```
#97ccff rgb(151,204,255)
```
#abd5ff
```
#abd5ff rgb(171,213,255)
```
#bedfff
```
#bedfff rgb(190,223,255)
```
#d2e9ff
```
#d2e9ff rgb(210,233,255)
```
#e6f2ff
```
#e6f2ff rgb(230,242,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#616971
```
#616971 rgb(97,105,113)
```
#596979
```
#596979 rgb(89,105,121)
```
#516981
```
#516981 rgb(81,105,129)
```
#496989
```
#496989 rgb(73,105,137)
```
#416991
```
#416991 rgb(65,105,145)
```
#396999
```
#396999 rgb(57,105,153)
```
#306aa2
```
#306aa2 rgb(48,106,162)
```
#286aaa
```
#286aaa rgb(40,106,170)
```
#206ab2
```
#206ab2 rgb(32,106,178)
```
#186aba
```
#186aba rgb(24,106,186)
```
#106ac2
```
#106ac2 rgb(16,106,194)
```
#086aca
```
#086aca rgb(8,106,202)
```
#006ad2
```
#006ad2 rgb(0,106,210)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#455a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3070d2 Protanopia 1% of men
#0075c1 Deuteranopia 1% of men
#007e86 Tritanopia 0.001% of the population

Trichromacy

#1e6dd2 Protanomaly 1% of men, 0.01% of women
#0071c7 Deuteranomaly 6% of men, 0.4% of women
#0077a1 Tritanomaly 0.01% of the population

#006ad2 hex color

#006ad2 Color Information

#006ad2 Color Conversion

Color Schemes with #006ad2

Alternatives to #006ad2

#006ad2 Preview

Shades and Tints of #006ad2

Tones of #006ad2

Color Blindness Simulator