#006fb2 hex color

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

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

● #006fb2 color description : Dark blue.

The hexadecimal color #006fb2 has RGB values of R:0, G:111, B:178 and CMYK values of C:1, M:0.38, Y:0, K:0.3. Its decimal value is 28594.

Hex triplet	006fb2	`#006fb2`
RGB Decimal	0, 111, 178	`rgb(0,111,178)`
RGB Percent	0, 43.5, 69.8	`rgb(0%,43.5%,69.8%)`
CMYK	100, 38, 0, 30
HSL	202.6°, 100, 34.9	`hsl(202.6,100%,34.9%)`
HSV (or HSB)	202.6°, 100, 69.8
Web Safe	006699	`#006699`

CIE-LAB	45.056, -0.897, -42.827
XYZ	13.718, 14.582, 44.209
xyY	0.189, 0.201, 14.582
CIE-LCH	45.056, 42.837, 268.8
CIE-LUV	45.056, -27.841, -63.759
Hunter-Lab	38.186, -2.7, -41.91
Binary	00000000, 01101111, 10110010

#006fb2
```
#006fb2 rgb(0,111,178)
```
#b24300
```
#b24300 rgb(178,67,0)
```

Complementary Color

#00b29c
```
#00b29c rgb(0,178,156)
```
#006fb2
```
#006fb2 rgb(0,111,178)
```
#0016b2
```
#0016b2 rgb(0,22,178)
```

Analogous Color

#b29c00
```
#b29c00 rgb(178,156,0)
```
#006fb2
```
#006fb2 rgb(0,111,178)
```
#b20016
```
#b20016 rgb(178,0,22)
```

Split Complementary Color

#6fb200
```
#6fb200 rgb(111,178,0)
```
#006fb2
```
#006fb2 rgb(0,111,178)
```
#b2006f
```
#b2006f rgb(178,0,111)
```

Triadic Color

#00b243
```
#00b243 rgb(0,178,67)
```
#006fb2
```
#006fb2 rgb(0,111,178)
```
#b2006f
```
#b2006f rgb(178,0,111)
```
#b24300
```
#b24300 rgb(178,67,0)
```

Tetradic Color

#003f66
```
#003f66 rgb(0,63,102)
```
#004f7f
```
#004f7f rgb(0,79,127)
```
#005f99
```
#005f99 rgb(0,95,153)
```
#006fb2
```
#006fb2 rgb(0,111,178)
```
#007fcc
```
#007fcc rgb(0,127,204)
```
#008fe5
```
#008fe5 rgb(0,143,229)
```
#009fff
```
#009fff rgb(0,159,255)
```

Monochromatic Color

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

#009cb2
```
#009cb2 rgb(0,156,178)
```
#008db2
```
#008db2 rgb(0,141,178)
```
#007eb2
```
#007eb2 rgb(0,126,178)
```
#006fb2
```
#006fb2 rgb(0,111,178)
```
#0060b2
```
#0060b2 rgb(0,96,178)
```
#0051b2
```
#0051b2 rgb(0,81,178)
```
#0043b2
```
#0043b2 rgb(0,67,178)
```

Similar Colors

Text with hexadecimal color #006fb2

This text has a font color of #006fb2.

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

#006fb2 background color

This paragraph has a background color of #006fb2.

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

#006fb2 border color

This element has a border color of #006fb2.

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

CSS codes

.text {color:#006fb2;}

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

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

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)
```
#001929
```
#001929 rgb(0,25,41)
```
#00263c
```
#00263c rgb(0,38,60)
```
#003250
```
#003250 rgb(0,50,80)
```
#003e64
```
#003e64 rgb(0,62,100)
```
#004a77
```
#004a77 rgb(0,74,119)
```
#00578b
```
#00578b rgb(0,87,139)
```
#00639e
```
#00639e rgb(0,99,158)
```
#006fb2
```
#006fb2 rgb(0,111,178)
```
#007bc6
```
#007bc6 rgb(0,123,198)
```
#0087d9
```
#0087d9 rgb(0,135,217)
```
#0094ed
```
#0094ed rgb(0,148,237)
```

Shade Color Variation

#01a0ff
```
#01a0ff rgb(1,160,255)
```
#15a7ff
```
#15a7ff rgb(21,167,255)
```
#29aeff
```
#29aeff rgb(41,174,255)
```
#3cb6ff
```
#3cb6ff rgb(60,182,255)
```
#50bdff
```
#50bdff rgb(80,189,255)
```
#64c4ff
```
#64c4ff rgb(100,196,255)
```
#77ccff
```
#77ccff rgb(119,204,255)
```
#8bd3ff
```
#8bd3ff rgb(139,211,255)
```
#9edbff
```
#9edbff rgb(158,219,255)
```
#b2e2ff
```
#b2e2ff rgb(178,226,255)
```
#c6e9ff
```
#c6e9ff rgb(198,233,255)
```
#d9f1ff
```
#d9f1ff rgb(217,241,255)
```
#edf8ff
```
#edf8ff rgb(237,248,255)
```

Tint Color Variation

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

#525b60
```
#525b60 rgb(82,91,96)
```
#4b5c67
```
#4b5c67 rgb(75,92,103)
```
#445e6e
```
#445e6e rgb(68,94,110)
```
#3e6074
```
#3e6074 rgb(62,96,116)
```
#37617b
```
#37617b rgb(55,97,123)
```
#306382
```
#306382 rgb(48,99,130)
```
#296589
```
#296589 rgb(41,101,137)
```
#226790
```
#226790 rgb(34,103,144)
```
#1b6897
```
#1b6897 rgb(27,104,151)
```
#156a9d
```
#156a9d rgb(21,106,157)
```
#0e6ca4
```
#0e6ca4 rgb(14,108,164)
```
#076dab
```
#076dab rgb(7,109,171)
```
#006fb2
```
#006fb2 rgb(0,111,178)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#445a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5670b0 Protanopia 1% of men
#3c73b7 Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#376fb1 Protanomaly 1% of men, 0.01% of women
#2671b5 Deuteranomaly 6% of men, 0.4% of women
#007895 Tritanomaly 0.01% of the population

#006fb2 hex color

#006fb2 Color Information

#006fb2 Color Conversion

Color Schemes with #006fb2

Alternatives to #006fb2

#006fb2 Preview

Shades and Tints of #006fb2

Tones of #006fb2

Color Blindness Simulator