#066286 hex color

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

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

● #066286 color description : Dark blue.

The hexadecimal color #066286 has RGB values of R:6, G:98, B:134 and CMYK values of C:0.96, M:0.27, Y:0, K:0.47. Its decimal value is 418438.

Hex triplet	066286	`#066286`
RGB Decimal	6, 98, 134	`rgb(6,98,134)`
RGB Percent	2.4, 38.4, 52.5	`rgb(2.4%,38.4%,52.5%)`
CMYK	96, 27, 0, 47
HSL	196.9°, 91.4, 27.5	`hsl(196.9,91.4%,27.5%)`
HSV (or HSB)	196.9°, 95.5, 52.5
Web Safe	006699	`#006699`

CIE-LAB	38.716, -10.122, -26.673
XYZ	8.745, 10.494, 24.118
xyY	0.202, 0.242, 10.494
CIE-LCH	38.716, 28.529, 249.219
CIE-LUV	38.716, -25.762, -36.411
Hunter-Lab	32.395, -8.507, -21.464
Binary	00000110, 01100010, 10000110

#066286
```
#066286 rgb(6,98,134)
```
#862a06
```
#862a06 rgb(134,42,6)
```

Complementary Color

#06866a
```
#06866a rgb(6,134,106)
```
#066286
```
#066286 rgb(6,98,134)
```
#062286
```
#062286 rgb(6,34,134)
```

Analogous Color

#866a06
```
#866a06 rgb(134,106,6)
```
#066286
```
#066286 rgb(6,98,134)
```
#860622
```
#860622 rgb(134,6,34)
```

Split Complementary Color

#628606
```
#628606 rgb(98,134,6)
```
#066286
```
#066286 rgb(6,98,134)
```
#860662
```
#860662 rgb(134,6,98)
```

Triadic Color

#06862a
```
#06862a rgb(6,134,42)
```
#066286
```
#066286 rgb(6,98,134)
```
#860662
```
#860662 rgb(134,6,98)
```
#862a06
```
#862a06 rgb(134,42,6)
```

Tetradic Color

#032c3d
```
#032c3d rgb(3,44,61)
```
#043e55
```
#043e55 rgb(4,62,85)
```
#05506e
```
#05506e rgb(5,80,110)
```
#066286
```
#066286 rgb(6,98,134)
```
#07749e
```
#07749e rgb(7,116,158)
```
#0886b7
```
#0886b7 rgb(8,134,183)
```
#0998cf
```
#0998cf rgb(9,152,207)
```

Monochromatic Color

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

#068286
```
#068286 rgb(6,130,134)
```
#067786
```
#067786 rgb(6,119,134)
```
#066d86
```
#066d86 rgb(6,109,134)
```
#066286
```
#066286 rgb(6,98,134)
```
#065786
```
#065786 rgb(6,87,134)
```
#064d86
```
#064d86 rgb(6,77,134)
```
#064286
```
#064286 rgb(6,66,134)
```

Similar Colors

Text with hexadecimal color #066286

This text has a font color of #066286.

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

#066286 background color

This paragraph has a background color of #066286.

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

#066286 border color

This element has a border color of #066286.

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

CSS codes

.text {color:#066286;}

.background {background-color:#066286;}

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

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)
```
#021d28
```
#021d28 rgb(2,29,40)
```
#032b3b
```
#032b3b rgb(3,43,59)
```
#03394e
```
#03394e rgb(3,57,78)
```
#044760
```
#044760 rgb(4,71,96)
```
#055473
```
#055473 rgb(5,84,115)
```
#066286
```
#066286 rgb(6,98,134)
```
#077099
```
#077099 rgb(7,112,153)
```
#087dac
```
#087dac rgb(8,125,172)
```
#098bbe
```
#098bbe rgb(9,139,190)
```
#0999d1
```
#0999d1 rgb(9,153,209)
```
#0aa7e4
```
#0aa7e4 rgb(10,167,228)
```

Shade Color Variation

#0eb3f4
```
#0eb3f4 rgb(14,179,244)
```
#20b9f5
```
#20b9f5 rgb(32,185,245)
```
#33bff6
```
#33bff6 rgb(51,191,246)
```
#46c5f7
```
#46c5f7 rgb(70,197,247)
```
#59cbf8
```
#59cbf8 rgb(89,203,248)
```
#6bd1f8
```
#6bd1f8 rgb(107,209,248)
```
#7ed7f9
```
#7ed7f9 rgb(126,215,249)
```
#91ddfa
```
#91ddfa rgb(145,221,250)
```
#a4e2fb
```
#a4e2fb rgb(164,226,251)
```
#b6e8fc
```
#b6e8fc rgb(182,232,252)
```
#c9eefd
```
#c9eefd rgb(201,238,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 #01648b is the most saturated one.

#41484b
```
#41484b rgb(65,72,75)
```
#3c4a50
```
#3c4a50 rgb(60,74,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)
```
#21566b
```
#21566b rgb(33,86,107)
```
#1c5970
```
#1c5970 rgb(28,89,112)
```
#165b76
```
#165b76 rgb(22,91,118)
```
#115d7b
```
#115d7b rgb(17,93,123)
```
#0b6081
```
#0b6081 rgb(11,96,129)
```
#066286
```
#066286 rgb(6,98,134)
```
#01648b
```
#01648b rgb(1,100,139)
```

Tone Color Variation

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

#576286 Protanopia 1% of men
#4e638f Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#3a6286 Protanomaly 1% of men, 0.01% of women
#34628b Deuteranomaly 6% of men, 0.4% of women
#02697b Tritanomaly 0.01% of the population

#066286 hex color

#066286 Color Information

#066286 Color Conversion

Color Schemes with #066286

Alternatives to #066286

#066286 Preview

Shades and Tints of #066286

Tones of #066286

Color Blindness Simulator