#006ab2 hex color

In a RGB color space, hex #006ab2 is composed of 0% red, 41.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 40.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 204.3 degrees, a saturation of 100% and a lightness of 34.9%. #006ab2 color hex could be obtained by blending #00d4ff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 0
- G 42
- B 70
RGB color chart
- C 100
- M 40
- Y 0
- K 30
CMYK color chart

● #006ab2 color description : Dark blue.

The hexadecimal color #006ab2 has RGB values of R:0, G:106, B:178 and CMYK values of C:1, M:0.4, Y:0, K:0.3. Its decimal value is 27314.

Hex triplet	006ab2	`#006ab2`
RGB Decimal	0, 106, 178	`rgb(0,106,178)`
RGB Percent	0, 41.6, 69.8	`rgb(0%,41.6%,69.8%)`
CMYK	100, 40, 0, 30
HSL	204.3°, 100, 34.9	`hsl(204.3,100%,34.9%)`
HSV (or HSB)	204.3°, 100, 69.8
Web Safe	006699	`#006699`

CIE-LAB	43.538, 2.221, -45.247
XYZ	13.188, 13.521, 44.032
xyY	0.186, 0.191, 13.521
CIE-LCH	43.538, 45.301, 272.81
CIE-LUV	43.538, -26.204, -67.213
Hunter-Lab	36.771, -0.33, -45.257
Binary	00000000, 01101010, 10110010

#006ab2
```
#006ab2 rgb(0,106,178)
```
#b24800
```
#b24800 rgb(178,72,0)
```

Complementary Color

#00b2a1
```
#00b2a1 rgb(0,178,161)
```
#006ab2
```
#006ab2 rgb(0,106,178)
```
#0011b2
```
#0011b2 rgb(0,17,178)
```

Analogous Color

#b2a100
```
#b2a100 rgb(178,161,0)
```
#006ab2
```
#006ab2 rgb(0,106,178)
```
#b20011
```
#b20011 rgb(178,0,17)
```

Split Complementary Color

#6ab200
```
#6ab200 rgb(106,178,0)
```
#006ab2
```
#006ab2 rgb(0,106,178)
```
#b2006a
```
#b2006a rgb(178,0,106)
```

Triadic Color

#00b248
```
#00b248 rgb(0,178,72)
```
#006ab2
```
#006ab2 rgb(0,106,178)
```
#b2006a
```
#b2006a rgb(178,0,106)
```
#b24800
```
#b24800 rgb(178,72,0)
```

Tetradic Color

#003c66
```
#003c66 rgb(0,60,102)
```
#004c7f
```
#004c7f rgb(0,76,127)
```
#005b99
```
#005b99 rgb(0,91,153)
```
#006ab2
```
#006ab2 rgb(0,106,178)
```
#0079cc
```
#0079cc rgb(0,121,204)
```
#0088e5
```
#0088e5 rgb(0,136,229)
```
#0098ff
```
#0098ff rgb(0,152,255)
```

Monochromatic Color

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

#0097b2
```
#0097b2 rgb(0,151,178)
```
#0088b2
```
#0088b2 rgb(0,136,178)
```
#0079b2
```
#0079b2 rgb(0,121,178)
```
#006ab2
```
#006ab2 rgb(0,106,178)
```
#005bb2
```
#005bb2 rgb(0,91,178)
```
#004cb2
```
#004cb2 rgb(0,76,178)
```
#003eb2
```
#003eb2 rgb(0,62,178)
```

Similar Colors

Text with hexadecimal color #006ab2

This text has a font color of #006ab2.

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

#006ab2 background color

This paragraph has a background color of #006ab2.

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

#006ab2 border color

This element has a border color of #006ab2.

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

CSS codes

.text {color:#006ab2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#000d15
```
#000d15 rgb(0,13,21)
```
#001829
```
#001829 rgb(0,24,41)
```
#00243c
```
#00243c rgb(0,36,60)
```
#003050
```
#003050 rgb(0,48,80)
```
#003b64
```
#003b64 rgb(0,59,100)
```
#004777
```
#004777 rgb(0,71,119)
```
#00538b
```
#00538b rgb(0,83,139)
```
#005e9e
```
#005e9e rgb(0,94,158)
```
#006ab2
```
#006ab2 rgb(0,106,178)
```
#0076c6
```
#0076c6 rgb(0,118,198)
```
#0081d9
```
#0081d9 rgb(0,129,217)
```
#008ded
```
#008ded rgb(0,141,237)
```

Shade Color Variation

#0198ff
```
#0198ff rgb(1,152,255)
```
#15a0ff
```
#15a0ff rgb(21,160,255)
```
#29a8ff
```
#29a8ff rgb(41,168,255)
```
#3cb0ff
```
#3cb0ff rgb(60,176,255)
```
#50b8ff
```
#50b8ff rgb(80,184,255)
```
#64c0ff
```
#64c0ff rgb(100,192,255)
```
#77c8ff
```
#77c8ff rgb(119,200,255)
```
#8bd0ff
```
#8bd0ff rgb(139,208,255)
```
#9ed8ff
```
#9ed8ff rgb(158,216,255)
```
#b2e0ff
```
#b2e0ff rgb(178,224,255)
```
#c6e8ff
```
#c6e8ff rgb(198,232,255)
```
#d9f0ff
```
#d9f0ff rgb(217,240,255)
```
#edf8ff
```
#edf8ff rgb(237,248,255)
```

Tint Color Variation

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

#525a60
```
#525a60 rgb(82,90,96)
```
#4b5c67
```
#4b5c67 rgb(75,92,103)
```
#445d6e
```
#445d6e rgb(68,93,110)
```
#3e5e74
```
#3e5e74 rgb(62,94,116)
```
#37607b
```
#37607b rgb(55,96,123)
```
#306182
```
#306182 rgb(48,97,130)
```
#296289
```
#296289 rgb(41,98,137)
```
#226390
```
#226390 rgb(34,99,144)
```
#1b6597
```
#1b6597 rgb(27,101,151)
```
#15669d
```
#15669d rgb(21,102,157)
```
#0e67a4
```
#0e67a4 rgb(14,103,164)
```
#0769ab
```
#0769ab rgb(7,105,171)
```
#006ab2
```
#006ab2 rgb(0,106,178)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#425866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6cb1 Protanopia 1% of men
#2c70b6 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#326bb1 Protanomaly 1% of men, 0.01% of women
#1c6db5 Deuteranomaly 6% of men, 0.4% of women
#007392 Tritanomaly 0.01% of the population

#006ab2 hex color

#006ab2 Color Information

#006ab2 Color Conversion

Color Schemes with #006ab2

Alternatives to #006ab2

#006ab2 Preview

Shades and Tints of #006ab2

Tones of #006ab2

Color Blindness Simulator