#066af1 hex color

In a RGB color space, hex #066af1 is composed of 2.4% red, 41.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 56% magenta, 0% yellow and 5.5% black. It has a hue angle of 214.5 degrees, a saturation of 95.1% and a lightness of 48.4%. #066af1 color hex could be obtained by blending #0cd4ff with #0000e3. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 42
- B 95
RGB color chart
- C 98
- M 56
- Y 0
- K 5
CMYK color chart

● #066af1 color description : Vivid blue.

The hexadecimal color #066af1 has RGB values of R:6, G:106, B:241 and CMYK values of C:0.98, M:0.56, Y:0, K:0.05. Its decimal value is 420593.

Hex triplet	066af1	`#066af1`
RGB Decimal	6, 106, 241	`rgb(6,106,241)`
RGB Percent	2.4, 41.6, 94.5	`rgb(2.4%,41.6%,94.5%)`
CMYK	98, 56, 0, 5
HSL	214.5°, 95.1, 48.4	`hsl(214.5,95.1%,48.4%)`
HSV (or HSB)	214.5°, 97.5, 94.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.874, 27.443, -74.261
XYZ	21.103, 16.696, 85.325
xyY	0.171, 0.136, 16.696
CIE-LCH	47.874, 79.169, 290.282
CIE-LUV	47.874, -23.539, -114.196
Hunter-Lab	40.86, 20.682, -95.207
Binary	00000110, 01101010, 11110001

#066af1
```
#066af1 rgb(6,106,241)
```
#f18d06
```
#f18d06 rgb(241,141,6)
```

Complementary Color

#06e0f1
```
#06e0f1 rgb(6,224,241)
```
#066af1
```
#066af1 rgb(6,106,241)
```
#1806f1
```
#1806f1 rgb(24,6,241)
```

Analogous Color

#e0f106
```
#e0f106 rgb(224,241,6)
```
#066af1
```
#066af1 rgb(6,106,241)
```
#f11806
```
#f11806 rgb(241,24,6)
```

Split Complementary Color

#6af106
```
#6af106 rgb(106,241,6)
```
#066af1
```
#066af1 rgb(6,106,241)
```
#f1066a
```
#f1066a rgb(241,6,106)
```

Triadic Color

#06f18d
```
#06f18d rgb(6,241,141)
```
#066af1
```
#066af1 rgb(6,106,241)
```
#f1066a
```
#f1066a rgb(241,6,106)
```
#f18d06
```
#f18d06 rgb(241,141,6)
```

Tetradic Color

#0449a6
```
#0449a6 rgb(4,73,166)
```
#0554bf
```
#0554bf rgb(5,84,191)
```
#055fd8
```
#055fd8 rgb(5,95,216)
```
#066af1
```
#066af1 rgb(6,106,241)
```
#1777f9
```
#1777f9 rgb(23,119,249)
```
#3086fa
```
#3086fa rgb(48,134,250)
```
#4995fa
```
#4995fa rgb(73,149,250)
```

Monochromatic Color

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

#06a5f1
```
#06a5f1 rgb(6,165,241)
```
#0691f1
```
#0691f1 rgb(6,145,241)
```
#067ef1
```
#067ef1 rgb(6,126,241)
```
#066af1
```
#066af1 rgb(6,106,241)
```
#0656f1
```
#0656f1 rgb(6,86,241)
```
#0643f1
```
#0643f1 rgb(6,67,241)
```
#062ff1
```
#062ff1 rgb(6,47,241)
```

Similar Colors

Text with hexadecimal color #066af1

This text has a font color of #066af1.

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

#066af1 background color

This paragraph has a background color of #066af1.

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

#066af1 border color

This element has a border color of #066af1.

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

CSS codes

.text {color:#066af1;}

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

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

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, #00050b is the darkest color, while #f7faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#010d1e
```
#010d1e rgb(1,13,30)
```
#011632
```
#011632 rgb(1,22,50)
```
#021e45
```
#021e45 rgb(2,30,69)
```
#022758
```
#022758 rgb(2,39,88)
```
#032f6b
```
#032f6b rgb(3,47,107)
```
#03377e
```
#03377e rgb(3,55,126)
```
#044091
```
#044091 rgb(4,64,145)
```
#0448a4
```
#0448a4 rgb(4,72,164)
```
#0551b8
```
#0551b8 rgb(5,81,184)
```
#0559cb
```
#0559cb rgb(5,89,203)
```
#0662de
```
#0662de rgb(6,98,222)
```
#066af1
```
#066af1 rgb(6,106,241)
```

Shade Color Variation

#1274f9
```
#1274f9 rgb(18,116,249)
```
#257ffa
```
#257ffa rgb(37,127,250)
```
#388afa
```
#388afa rgb(56,138,250)
```
#4b96fb
```
#4b96fb rgb(75,150,251)
```
#5ea1fb
```
#5ea1fb rgb(94,161,251)
```
#71acfb
```
#71acfb rgb(113,172,251)
```
#84b7fc
```
#84b7fc rgb(132,183,252)
```
#97c2fc
```
#97c2fc rgb(151,194,252)
```
#abcefd
```
#abcefd rgb(171,206,253)
```
#bed9fd
```
#bed9fd rgb(190,217,253)
```
#d1e4fe
```
#d1e4fe rgb(209,228,254)
```
#e4effe
```
#e4effe rgb(228,239,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#787b7f
```
#787b7f rgb(120,123,127)
```
#6f7a89
```
#6f7a89 rgb(111,122,137)
```
#657892
```
#657892 rgb(101,120,146)
```
#5c779c
```
#5c779c rgb(92,119,156)
```
#5275a5
```
#5275a5 rgb(82,117,165)
```
#4974af
```
#4974af rgb(73,116,175)
```
#3f72b8
```
#3f72b8 rgb(63,114,184)
```
#3671c2
```
#3671c2 rgb(54,113,194)
```
#2c70cb
```
#2c70cb rgb(44,112,203)
```
#236ed5
```
#236ed5 rgb(35,110,213)
```
#196dde
```
#196dde rgb(25,109,222)
```
#106be8
```
#106be8 rgb(16,107,232)
```
#066af1
```
#066af1 rgb(6,106,241)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4a5e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0271e9 Protanomaly 1% of men, 0.01% of women
#0275d7 Deuteranomaly 6% of men, 0.4% of women
#027bb0 Tritanomaly 0.01% of the population

#066af1 hex color

#066af1 Color Information

#066af1 Color Conversion

Color Schemes with #066af1

Alternatives to #066af1

#066af1 Preview

Shades and Tints of #066af1

Tones of #066af1

Color Blindness Simulator