colorhexa.com

#067aaf hex color

In a RGB color space, hex #067aaf is composed of 2.4% red, 47.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 30.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 198.8 degrees, a saturation of 93.4% and a lightness of 35.5%. #067aaf color hex could be obtained by blending #0cf4ff with #00005f. Closest websafe color is: #006699.

- R 2
- G 48
- B 69
RGB color chart
- C 97
- M 30
- Y 0
- K 31
CMYK color chart

● #067aaf color description : Dark blue.

The hexadecimal color #067aaf has RGB values of R:6, G:122, B:175 and CMYK values of C:0.97, M:0.3, Y:0, K:0.31. Its decimal value is 424623.

Hex triplet	067aaf	`#067aaf`
RGB Decimal	6, 122, 175	`rgb(6,122,175)`
RGB Percent	2.4, 47.8, 68.6	`rgb(2.4%,47.8%,68.6%)`
CMYK	97, 30, 0, 31
HSL	198.8°, 93.4, 35.5	`hsl(198.8,93.4%,35.5%)`
HSV (or HSB)	198.8°, 96.6, 68.6
Web Safe	006699	`#006699`

CIE-LAB	48.325, -8.446, -35.907
XYZ	14.771, 17.052, 43.068
xyY	0.197, 0.228, 17.052
CIE-LCH	48.325, 36.887, 256.764
CIE-LUV	48.325, -31.437, -53.044
Hunter-Lab	41.293, -8.415, -32.932
Binary	00000110, 01111010, 10101111

#067aaf
```
#067aaf rgb(6,122,175)
```
#af3b06
```
#af3b06 rgb(175,59,6)
```

Complementary Color

#06af90
```
#06af90 rgb(6,175,144)
```
#067aaf
```
#067aaf rgb(6,122,175)
```
#0626af
```
#0626af rgb(6,38,175)
```

Analogous Color

#af9006
```
#af9006 rgb(175,144,6)
```
#067aaf
```
#067aaf rgb(6,122,175)
```
#af0626
```
#af0626 rgb(175,6,38)
```

Split Complementary Color

#7aaf06
```
#7aaf06 rgb(122,175,6)
```
#067aaf
```
#067aaf rgb(6,122,175)
```
#af067a
```
#af067a rgb(175,6,122)
```

Triadic Color

#034665
```
#034665 rgb(3,70,101)
```
#04587e
```
#04587e rgb(4,88,126)
```
#056996
```
#056996 rgb(5,105,150)
```
#067aaf
```
#067aaf rgb(6,122,175)
```
#078bc8
```
#078bc8 rgb(7,139,200)
```
#089ce0
```
#089ce0 rgb(8,156,224)
```
#0badf7
```
#0badf7 rgb(11,173,247)
```

Monochromatic Color

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

#06a4af
```
#06a4af rgb(6,164,175)
```
#0696af
```
#0696af rgb(6,150,175)
```
#0688af
```
#0688af rgb(6,136,175)
```
#067aaf
```
#067aaf rgb(6,122,175)
```
#066caf
```
#066caf rgb(6,108,175)
```
#065eaf
```
#065eaf rgb(6,94,175)
```
#0650af
```
#0650af rgb(6,80,175)
```

Similar Colors

Text with hexadecimal color #067aaf

This text has a font color of #067aaf.

<span style="color:#067aaf;">Text here</span>

#067aaf background color

This paragraph has a background color of #067aaf.

<p style="background-color:#067aaf;">Content here</p>

#067aaf border color

This element has a border color of #067aaf.

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

CSS codes

.text {color:#067aaf;}

.background {background-color:#067aaf;}

.border {border:1px solid #067aaf;}

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

#000304
```
#000304 rgb(0,3,4)
```
#011017
```
#011017 rgb(1,16,23)
```
#011d2a
```
#011d2a rgb(1,29,42)
```
#022b3d
```
#022b3d rgb(2,43,61)
```
#033850
```
#033850 rgb(3,56,80)
```
#034563
```
#034563 rgb(3,69,99)
```
#045276
```
#045276 rgb(4,82,118)
```
#056089
```
#056089 rgb(5,96,137)
```
#056d9c
```
#056d9c rgb(5,109,156)
```
#067aaf
```
#067aaf rgb(6,122,175)
```
#0787c2
```
#0787c2 rgb(7,135,194)
```
#0794d5
```
#0794d5 rgb(7,148,213)
```
#08a2e8
```
#08a2e8 rgb(8,162,232)
```

Shade Color Variation

#0dadf7
```
#0dadf7 rgb(13,173,247)
```
#20b4f7
```
#20b4f7 rgb(32,180,247)
```
#33baf8
```
#33baf8 rgb(51,186,248)
```
#46c1f9
```
#46c1f9 rgb(70,193,249)
```
#59c7f9
```
#59c7f9 rgb(89,199,249)
```
#6ccdfa
```
#6ccdfa rgb(108,205,250)
```
#7fd4fb
```
#7fd4fb rgb(127,212,251)
```
#92dafb
```
#92dafb rgb(146,218,251)
```
#a4e0fc
```
#a4e0fc rgb(164,224,252)
```
#b7e7fd
```
#b7e7fd rgb(183,231,253)
```
#caedfd
```
#caedfd rgb(202,237,253)
```
#ddf4fe
```
#ddf4fe rgb(221,244,254)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b5b is the less saturated color, while #067aaf is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#535d62
```
#535d62 rgb(83,93,98)
```
#4c6069
```
#4c6069 rgb(76,96,105)
```
#456370
```
#456370 rgb(69,99,112)
```
#3e6577
```
#3e6577 rgb(62,101,119)
```
#37687e
```
#37687e rgb(55,104,126)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#296d8c
```
#296d8c rgb(41,109,140)
```
#227093
```
#227093 rgb(34,112,147)
```
#1b729a
```
#1b729a rgb(27,114,154)
```
#1475a1
```
#1475a1 rgb(20,117,161)
```
#0d77a8
```
#0d77a8 rgb(13,119,168)
```
#067aaf
```
#067aaf rgb(6,122,175)
```

Tone Color Variation

Below, you can see how #067aaf 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

#5d5d5d Achromatopsia 0.005% of the population
#4c636d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6778ac Protanopia 1% of men
#5779b6 Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#4378ad Protanomaly 1% of men, 0.01% of women
#3a79b3 Deuteranomaly 6% of men, 0.4% of women
#02819a Tritanomaly 0.01% of the population