colorhexa.com

#066ac2 hex color

In a RGB color space, hex #066ac2 is composed of 2.4% red, 41.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 45.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 208.1 degrees, a saturation of 94% and a lightness of 39.2%. #066ac2 color hex could be obtained by blending #0cd4ff with #000085. Closest websafe color is: #0066cc.

- R 2
- G 42
- B 76
RGB color chart
- C 97
- M 45
- Y 0
- K 24
CMYK color chart

● #066ac2 color description : Strong blue.

The hexadecimal color #066ac2 has RGB values of R:6, G:106, B:194 and CMYK values of C:0.97, M:0.45, Y:0, K:0.24. Its decimal value is 420546.

Hex triplet	066ac2	`#066ac2`
RGB Decimal	6, 106, 194	`rgb(6,106,194)`
RGB Percent	2.4, 41.6, 76.1	`rgb(2.4%,41.6%,76.1%)`
CMYK	97, 45, 0, 24
HSL	208.1°, 94, 39.2	`hsl(208.1,94%,39.2%)`
HSV (or HSB)	208.1°, 96.9, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	44.576, 8.885, -52.881
XYZ	14.965, 14.24, 52.996
xyY	0.182, 0.173, 14.24
CIE-LCH	44.576, 53.623, 279.538
CIE-LUV	44.576, -25.145, -79.761
Hunter-Lab	37.737, 4.746, -56.849
Binary	00000110, 01101010, 11000010

#066ac2
```
#066ac2 rgb(6,106,194)
```
#c25e06
```
#c25e06 rgb(194,94,6)
```

Complementary Color

#06c2bc
```
#06c2bc rgb(6,194,188)
```
#066ac2
```
#066ac2 rgb(6,106,194)
```
#060cc2
```
#060cc2 rgb(6,12,194)
```

Analogous Color

#c2bc06
```
#c2bc06 rgb(194,188,6)
```
#066ac2
```
#066ac2 rgb(6,106,194)
```
#c2060c
```
#c2060c rgb(194,6,12)
```

Split Complementary Color

#6ac206
```
#6ac206 rgb(106,194,6)
```
#066ac2
```
#066ac2 rgb(6,106,194)
```
#c2066a
```
#c2066a rgb(194,6,106)
```

Triadic Color

#044178
```
#044178 rgb(4,65,120)
```
#044f91
```
#044f91 rgb(4,79,145)
```
#055ca9
```
#055ca9 rgb(5,92,169)
```
#066ac2
```
#066ac2 rgb(6,106,194)
```
#0778db
```
#0778db rgb(7,120,219)
```
#0885f3
```
#0885f3 rgb(8,133,243)
```
#1d91f8
```
#1d91f8 rgb(29,145,248)
```

Monochromatic Color

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

#0699c2
```
#0699c2 rgb(6,153,194)
```
#0689c2
```
#0689c2 rgb(6,137,194)
```
#067ac2
```
#067ac2 rgb(6,122,194)
```
#066ac2
```
#066ac2 rgb(6,106,194)
```
#065ac2
```
#065ac2 rgb(6,90,194)
```
#064bc2
```
#064bc2 rgb(6,75,194)
```
#063bc2
```
#063bc2 rgb(6,59,194)
```

Similar Colors

Text with hexadecimal color #066ac2

This text has a font color of #066ac2.

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

#066ac2 background color

This paragraph has a background color of #066ac2.

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

#066ac2 border color

This element has a border color of #066ac2.

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

CSS codes

.text {color:#066ac2;}

.background {background-color:#066ac2;}

.border {border:1px solid #066ac2;}

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

#000204
```
#000204 rgb(0,2,4)
```
#010c17
```
#010c17 rgb(1,12,23)
```
#01172a
```
#01172a rgb(1,23,42)
```
#02213d
```
#02213d rgb(2,33,61)
```
#022c50
```
#022c50 rgb(2,44,80)
```
#033663
```
#033663 rgb(3,54,99)
```
#044076
```
#044076 rgb(4,64,118)
```
#044b89
```
#044b89 rgb(4,75,137)
```
#05559c
```
#05559c rgb(5,85,156)
```
#0560af
```
#0560af rgb(5,96,175)
```
#066ac2
```
#066ac2 rgb(6,106,194)
```
#0774d5
```
#0774d5 rgb(7,116,213)
```
#077fe8
```
#077fe8 rgb(7,127,232)
```

Shade Color Variation

#0b89f7
```
#0b89f7 rgb(11,137,247)
```
#1e92f8
```
#1e92f8 rgb(30,146,248)
```
#319bf9
```
#319bf9 rgb(49,155,249)
```
#44a5f9
```
#44a5f9 rgb(68,165,249)
```
#57aefa
```
#57aefa rgb(87,174,250)
```
#6bb7fa
```
#6bb7fa rgb(107,183,250)
```
#7ec0fb
```
#7ec0fb rgb(126,192,251)
```
#91c9fc
```
#91c9fc rgb(145,201,252)
```
#a4d3fc
```
#a4d3fc rgb(164,211,252)
```
#b7dcfd
```
#b7dcfd rgb(183,220,253)
```
#cae5fd
```
#cae5fd rgb(202,229,253)
```
#ddeefe
```
#ddeefe rgb(221,238,254)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

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

#626466
```
#626466 rgb(98,100,102)
```
#5b656d
```
#5b656d rgb(91,101,109)
```
#536575
```
#536575 rgb(83,101,117)
```
#4b667d
```
#4b667d rgb(75,102,125)
```
#446684
```
#446684 rgb(68,102,132)
```
#3c678c
```
#3c678c rgb(60,103,140)
```
#346794
```
#346794 rgb(52,103,148)
```
#2c689c
```
#2c689c rgb(44,104,156)
```
#2568a3
```
#2568a3 rgb(37,104,163)
```
#1d69ab
```
#1d69ab rgb(29,105,171)
```
#1569b3
```
#1569b3 rgb(21,105,179)
```
#0e6aba
```
#0e6aba rgb(14,106,186)
```
#066ac2
```
#066ac2 rgb(6,106,194)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#465a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#436ec2 Protanopia 1% of men
#0073bf Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#2d6cc2 Protanomaly 1% of men, 0.01% of women
#026fc0 Deuteranomaly 6% of men, 0.4% of women
#02759a Tritanomaly 0.01% of the population