#066386 hex color

In a RGB color space, hex #066386 is composed of 2.4% red, 38.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 95.5% cyan, 26.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 196.4 degrees, a saturation of 91.4% and a lightness of 27.5%. #066386 color hex could be obtained by blending #0cc6ff with #00000d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 39
- B 53
RGB color chart
- C 96
- M 26
- Y 0
- K 47
CMYK color chart

● #066386 color description : Dark blue.

The hexadecimal color #066386 has RGB values of R:6, G:99, B:134 and CMYK values of C:0.96, M:0.26, Y:0, K:0.47. Its decimal value is 418694.

Hex triplet	066386	`#066386`
RGB Decimal	6, 99, 134	`rgb(6,99,134)`
RGB Percent	2.4, 38.8, 52.5	`rgb(2.4%,38.8%,52.5%)`
CMYK	96, 26, 0, 47
HSL	196.4°, 91.4, 27.5	`hsl(196.4,91.4%,27.5%)`
HSV (or HSB)	196.4°, 95.5, 52.5
Web Safe	006699	`#006699`

CIE-LAB	39.041, -10.717, -26.164
XYZ	8.839, 10.683, 24.149
xyY	0.202, 0.245, 10.683
CIE-LCH	39.041, 28.274, 247.726
CIE-LUV	39.041, -26.116, -35.662
Hunter-Lab	32.685, -8.926, -20.927
Binary	00000110, 01100011, 10000110

#066386
```
#066386 rgb(6,99,134)
```
#862906
```
#862906 rgb(134,41,6)
```

Complementary Color

#068669
```
#068669 rgb(6,134,105)
```
#066386
```
#066386 rgb(6,99,134)
```
#062386
```
#062386 rgb(6,35,134)
```

Analogous Color

#866906
```
#866906 rgb(134,105,6)
```
#066386
```
#066386 rgb(6,99,134)
```
#860623
```
#860623 rgb(134,6,35)
```

Split Complementary Color

#638606
```
#638606 rgb(99,134,6)
```
#066386
```
#066386 rgb(6,99,134)
```
#860663
```
#860663 rgb(134,6,99)
```

Triadic Color

#068629
```
#068629 rgb(6,134,41)
```
#066386
```
#066386 rgb(6,99,134)
```
#860663
```
#860663 rgb(134,6,99)
```
#862906
```
#862906 rgb(134,41,6)
```

Tetradic Color

#032d3d
```
#032d3d rgb(3,45,61)
```
#043f55
```
#043f55 rgb(4,63,85)
```
#05516e
```
#05516e rgb(5,81,110)
```
#066386
```
#066386 rgb(6,99,134)
```
#07759e
```
#07759e rgb(7,117,158)
```
#0887b7
```
#0887b7 rgb(8,135,183)
```
#0999cf
```
#0999cf rgb(9,153,207)
```

Monochromatic Color

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

#068386
```
#068386 rgb(6,131,134)
```
#067886
```
#067886 rgb(6,120,134)
```
#066e86
```
#066e86 rgb(6,110,134)
```
#066386
```
#066386 rgb(6,99,134)
```
#065886
```
#065886 rgb(6,88,134)
```
#064e86
```
#064e86 rgb(6,78,134)
```
#064386
```
#064386 rgb(6,67,134)
```

Similar Colors

Text with hexadecimal color #066386

This text has a font color of #066386.

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

#066386 background color

This paragraph has a background color of #066386.

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

#066386 border color

This element has a border color of #066386.

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

CSS codes

.text {color:#066386;}

.background {background-color:#066386;}

.border {border:1px solid #066386;}

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

#000203
```
#000203 rgb(0,2,3)
```
#011015
```
#011015 rgb(1,16,21)
```
#021e28
```
#021e28 rgb(2,30,40)
```
#032c3b
```
#032c3b rgb(3,44,59)
```
#03394e
```
#03394e rgb(3,57,78)
```
#044760
```
#044760 rgb(4,71,96)
```
#055573
```
#055573 rgb(5,85,115)
```
#066386
```
#066386 rgb(6,99,134)
```
#077199
```
#077199 rgb(7,113,153)
```
#087fac
```
#087fac rgb(8,127,172)
```
#098dbe
```
#098dbe rgb(9,141,190)
```
#099ad1
```
#099ad1 rgb(9,154,209)
```
#0aa8e4
```
#0aa8e4 rgb(10,168,228)
```

Shade Color Variation

#0eb5f4
```
#0eb5f4 rgb(14,181,244)
```
#20bbf5
```
#20bbf5 rgb(32,187,245)
```
#33c1f6
```
#33c1f6 rgb(51,193,246)
```
#46c6f7
```
#46c6f7 rgb(70,198,247)
```
#59ccf8
```
#59ccf8 rgb(89,204,248)
```
#6bd2f8
```
#6bd2f8 rgb(107,210,248)
```
#7ed8f9
```
#7ed8f9 rgb(126,216,249)
```
#91ddfa
```
#91ddfa rgb(145,221,250)
```
#a4e3fb
```
#a4e3fb rgb(164,227,251)
```
#b6e9fc
```
#b6e9fc rgb(182,233,252)
```
#c9effd
```
#c9effd rgb(201,239,253)
```
#dcf4fd
```
#dcf4fd rgb(220,244,253)
```
#effafe
```
#effafe rgb(239,250,254)
```

Tint Color Variation

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

#41484b
```
#41484b rgb(65,72,75)
```
#3c4b50
```
#3c4b50 rgb(60,75,80)
```
#364d56
```
#364d56 rgb(54,77,86)
```
#314f5b
```
#314f5b rgb(49,79,91)
```
#2c5260
```
#2c5260 rgb(44,82,96)
```
#265466
```
#265466 rgb(38,84,102)
```
#21576b
```
#21576b rgb(33,87,107)
```
#1c5970
```
#1c5970 rgb(28,89,112)
```
#165c76
```
#165c76 rgb(22,92,118)
```
#115e7b
```
#115e7b rgb(17,94,123)
```
#0b6181
```
#0b6181 rgb(11,97,129)
```
#066386
```
#066386 rgb(6,99,134)
```
#01658b
```
#01658b rgb(1,101,139)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d5057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#596386 Protanopia 1% of men
#50638f Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#3a6386 Protanomaly 1% of men, 0.01% of women
#35638b Deuteranomaly 6% of men, 0.4% of women
#026a7b Tritanomaly 0.01% of the population

#066386 hex color

#066386 Color Information

#066386 Color Conversion

Color Schemes with #066386

Alternatives to #066386

#066386 Preview

Shades and Tints of #066386

Tones of #066386

Color Blindness Simulator