#066afa hex color

In a RGB color space, hex #066afa is composed of 2.4% red, 41.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 57.6% magenta, 0% yellow and 2% black. It has a hue angle of 215.4 degrees, a saturation of 96.1% and a lightness of 50.2%. #066afa color hex could be obtained by blending #0cd4ff with #0000f5. Closest websafe color is: #0066ff.

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

● #066afa color description : Vivid blue.

The hexadecimal color #066afa has RGB values of R:6, G:106, B:250 and CMYK values of C:0.98, M:0.58, Y:0, K:0.02. Its decimal value is 420602.

Hex triplet	066afa	`#066afa`
RGB Decimal	6, 106, 250	`rgb(6,106,250)`
RGB Percent	2.4, 41.6, 98	`rgb(2.4%,41.6%,98%)`
CMYK	98, 58, 0, 2
HSL	215.4°, 96.1, 50.2	`hsl(215.4,96.1%,50.2%)`
HSV (or HSB)	215.4°, 97.6, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.57, 30.897, -78.148
XYZ	22.481, 17.247, 92.581
xyY	0.17, 0.13, 17.247
CIE-LCH	48.57, 84.034, 291.572
CIE-LUV	48.57, -23.334, -120.36
Hunter-Lab	41.529, 23.949, -103.104
Binary	00000110, 01101010, 11111010

#066afa
```
#066afa rgb(6,106,250)
```
#fa9606
```
#fa9606 rgb(250,150,6)
```

Complementary Color

#06e4fa
```
#06e4fa rgb(6,228,250)
```
#066afa
```
#066afa rgb(6,106,250)
```
#1c06fa
```
#1c06fa rgb(28,6,250)
```

Analogous Color

#e4fa06
```
#e4fa06 rgb(228,250,6)
```
#066afa
```
#066afa rgb(6,106,250)
```
#fa1c06
```
#fa1c06 rgb(250,28,6)
```

Split Complementary Color

#6afa06
```
#6afa06 rgb(106,250,6)
```
#066afa
```
#066afa rgb(6,106,250)
```
#fa066a
```
#fa066a rgb(250,6,106)
```

Triadic Color

#06fa96
```
#06fa96 rgb(6,250,150)
```
#066afa
```
#066afa rgb(6,106,250)
```
#fa066a
```
#fa066a rgb(250,6,106)
```
#fa9606
```
#fa9606 rgb(250,150,6)
```

Tetradic Color

#044ab0
```
#044ab0 rgb(4,74,176)
```
#0455c9
```
#0455c9 rgb(4,85,201)
```
#055fe2
```
#055fe2 rgb(5,95,226)
```
#066afa
```
#066afa rgb(6,106,250)
```
#1f79fb
```
#1f79fb rgb(31,121,251)
```
#3888fb
```
#3888fb rgb(56,136,251)
```
#5197fc
```
#5197fc rgb(81,151,252)
```

Monochromatic Color

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

#06a7fa
```
#06a7fa rgb(6,167,250)
```
#0693fa
```
#0693fa rgb(6,147,250)
```
#067efa
```
#067efa rgb(6,126,250)
```
#066afa
```
#066afa rgb(6,106,250)
```
#0656fa
```
#0656fa rgb(6,86,250)
```
#0641fa
```
#0641fa rgb(6,65,250)
```
#062dfa
```
#062dfa rgb(6,45,250)
```

Similar Colors

Text with hexadecimal color #066afa

This text has a font color of #066afa.

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

#066afa background color

This paragraph has a background color of #066afa.

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

#066afa border color

This element has a border color of #066afa.

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

CSS codes

.text {color:#066afa;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000914
```
#000914 rgb(0,9,20)
```
#011127
```
#011127 rgb(1,17,39)
```
#01193b
```
#01193b rgb(1,25,59)
```
#02214e
```
#02214e rgb(2,33,78)
```
#022961
```
#022961 rgb(2,41,97)
```
#023174
```
#023174 rgb(2,49,116)
```
#033988
```
#033988 rgb(3,57,136)
```
#03419b
```
#03419b rgb(3,65,155)
```
#0349ae
```
#0349ae rgb(3,73,174)
```
#0452c1
```
#0452c1 rgb(4,82,193)
```
#045ad5
```
#045ad5 rgb(4,90,213)
```
#0562e8
```
#0562e8 rgb(5,98,232)
```

Shade Color Variation

#066afa
```
#066afa rgb(6,106,250)
```
#1976fa
```
#1976fa rgb(25,118,250)
```
#2c81fb
```
#2c81fb rgb(44,129,251)
```
#408dfb
```
#408dfb rgb(64,141,251)
```
#5398fc
```
#5398fc rgb(83,152,252)
```
#66a4fc
```
#66a4fc rgb(102,164,252)
```
#79affc
```
#79affc rgb(121,175,252)
```
#8dbbfd
```
#8dbbfd rgb(141,187,253)
```
#a0c6fd
```
#a0c6fd rgb(160,198,253)
```
#b3d2fd
```
#b3d2fd rgb(179,210,253)
```
#c6ddfe
```
#c6ddfe rgb(198,221,254)
```
#dae9fe
```
#dae9fe rgb(218,233,254)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#7b7f85
```
#7b7f85 rgb(123,127,133)
```
#717d8f
```
#717d8f rgb(113,125,143)
```
#687c98
```
#687c98 rgb(104,124,152)
```
#5e7aa2
```
#5e7aa2 rgb(94,122,162)
```
#5478ac
```
#5478ac rgb(84,120,172)
```
#4a76b6
```
#4a76b6 rgb(74,118,182)
```
#4175bf
```
#4175bf rgb(65,117,191)
```
#3773c9
```
#3773c9 rgb(55,115,201)
```
#2d71d3
```
#2d71d3 rgb(45,113,211)
```
#236fdd
```
#236fdd rgb(35,111,221)
```
#1a6ee6
```
#1a6ee6 rgb(26,110,230)
```
#106cf0
```
#106cf0 rgb(16,108,240)
```
#066afa
```
#066afa rgb(6,106,250)
```

Tone Color Variation

Below, you can see how #066afa 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
#4c607c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0272ee Protanomaly 1% of men, 0.01% of women
#0276db Deuteranomaly 6% of men, 0.4% of women
#027cb5 Tritanomaly 0.01% of the population

#066afa hex color

#066afa Color Information

#066afa Color Conversion

Color Schemes with #066afa

Alternatives to #066afa

#066afa Preview

Shades and Tints of #066afa

Tones of #066afa

Color Blindness Simulator