#006ad0 hex color

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

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

● #006ad0 color description : Strong blue.

The hexadecimal color #006ad0 has RGB values of R:0, G:106, B:208 and CMYK values of C:1, M:0.49, Y:0, K:0.18. Its decimal value is 27344.

Hex triplet	006ad0	`#006ad0`
RGB Decimal	0, 106, 208	`rgb(0,106,208)`
RGB Percent	0, 41.6, 81.6	`rgb(0%,41.6%,81.6%)`
CMYK	100, 49, 0, 18
HSL	209.4°, 100, 40.8	`hsl(209.4,100%,40.8%)`
HSV (or HSB)	209.4°, 100, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.443, 14.291, -59.538
XYZ	16.537, 14.861, 61.668
xyY	0.178, 0.16, 14.861
CIE-LCH	45.443, 61.229, 283.497
CIE-LUV	45.443, -24.811, -90.523
Hunter-Lab	38.549, 9.11, -67.862
Binary	00000000, 01101010, 11010000

#006ad0
```
#006ad0 rgb(0,106,208)
```
#d06600
```
#d06600 rgb(208,102,0)
```

Complementary Color

#00d0ce
```
#00d0ce rgb(0,208,206)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#0002d0
```
#0002d0 rgb(0,2,208)
```

Analogous Color

#d0ce00
```
#d0ce00 rgb(208,206,0)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#d00002
```
#d00002 rgb(208,0,2)
```

Split Complementary Color

#6ad000
```
#6ad000 rgb(106,208,0)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#d0006a
```
#d0006a rgb(208,0,106)
```

Triadic Color

#00d066
```
#00d066 rgb(0,208,102)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#d0006a
```
#d0006a rgb(208,0,106)
```
#d06600
```
#d06600 rgb(208,102,0)
```

Tetradic Color

#004384
```
#004384 rgb(0,67,132)
```
#00509d
```
#00509d rgb(0,80,157)
```
#005db7
```
#005db7 rgb(0,93,183)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#0077ea
```
#0077ea rgb(0,119,234)
```
#0484ff
```
#0484ff rgb(4,132,255)
```
#1e90ff
```
#1e90ff rgb(30,144,255)
```

Monochromatic Color

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

#009ed0
```
#009ed0 rgb(0,158,208)
```
#008dd0
```
#008dd0 rgb(0,141,208)
```
#007bd0
```
#007bd0 rgb(0,123,208)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#0059d0
```
#0059d0 rgb(0,89,208)
```
#0047d0
```
#0047d0 rgb(0,71,208)
```
#0036d0
```
#0036d0 rgb(0,54,208)
```

Similar Colors

Text with hexadecimal color #006ad0

This text has a font color of #006ad0.

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

#006ad0 background color

This paragraph has a background color of #006ad0.

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

#006ad0 border color

This element has a border color of #006ad0.

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

CSS codes

.text {color:#006ad0;}

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

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

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)
```
#001a33
```
#001a33 rgb(0,26,51)
```
#002447
```
#002447 rgb(0,36,71)
```
#002e5a
```
#002e5a rgb(0,46,90)
```
#00386e
```
#00386e rgb(0,56,110)
```
#004282
```
#004282 rgb(0,66,130)
```
#004c95
```
#004c95 rgb(0,76,149)
```
#0056a9
```
#0056a9 rgb(0,86,169)
```
#0060bc
```
#0060bc rgb(0,96,188)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```
#0074e4
```
#0074e4 rgb(0,116,228)
```
#007ef7
```
#007ef7 rgb(0,126,247)
```

Shade Color Variation

#0c88ff
```
#0c88ff rgb(12,136,255)
```
#1f91ff
```
#1f91ff rgb(31,145,255)
```
#339bff
```
#339bff rgb(51,155,255)
```
#47a5ff
```
#47a5ff rgb(71,165,255)
```
#5aaeff
```
#5aaeff rgb(90,174,255)
```
#6eb8ff
```
#6eb8ff rgb(110,184,255)
```
#82c1ff
```
#82c1ff rgb(130,193,255)
```
#95cbff
```
#95cbff rgb(149,203,255)
```
#a9d5ff
```
#a9d5ff rgb(169,213,255)
```
#bcdeff
```
#bcdeff rgb(188,222,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 #006ad0 is the most saturated one.

#606870
```
#606870 rgb(96,104,112)
```
#586878
```
#586878 rgb(88,104,120)
```
#506880
```
#506880 rgb(80,104,128)
```
#486988
```
#486988 rgb(72,105,136)
```
#406990
```
#406990 rgb(64,105,144)
```
#386998
```
#386998 rgb(56,105,152)
```
#3069a0
```
#3069a0 rgb(48,105,160)
```
#2869a8
```
#2869a8 rgb(40,105,168)
```
#2069b0
```
#2069b0 rgb(32,105,176)
```
#186ab8
```
#186ab8 rgb(24,106,184)
```
#106ac0
```
#106ac0 rgb(16,106,192)
```
#086ac8
```
#086ac8 rgb(8,106,200)
```
#006ad0
```
#006ad0 rgb(0,106,208)
```

Tone Color Variation

Below, you can see how #006ad0 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
#455a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3370d0 Protanopia 1% of men
#0075c1 Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#206dd0 Protanomaly 1% of men, 0.01% of women
#0071c6 Deuteranomaly 6% of men, 0.4% of women
#0077a0 Tritanomaly 0.01% of the population

#006ad0 hex color

#006ad0 Color Information

#006ad0 Color Conversion

Color Schemes with #006ad0

Alternatives to #006ad0

#006ad0 Preview

Shades and Tints of #006ad0

Tones of #006ad0

Color Blindness Simulator