#066bf0 hex color

In a RGB color space, hex #066bf0 is composed of 2.4% red, 42% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 55.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 214.1 degrees, a saturation of 95.1% and a lightness of 48.2%. #066bf0 color hex could be obtained by blending #0cd6ff with #0000e1. Closest websafe color is: #0066ff.

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

● #066bf0 color description : Vivid blue.

The hexadecimal color #066bf0 has RGB values of R:6, G:107, B:240 and CMYK values of C:0.98, M:0.55, Y:0, K:0.06. Its decimal value is 420848.

Hex triplet	066bf0	`#066bf0`
RGB Decimal	6, 107, 240	`rgb(6,107,240)`
RGB Percent	2.4, 42, 94.1	`rgb(2.4%,42%,94.1%)`
CMYK	98, 55, 0, 6
HSL	214.1°, 95.1, 48.2	`hsl(214.1,95.1%,48.2%)`
HSV (or HSB)	214.1°, 97.5, 94.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.062, 26.417, -73.395
XYZ	21.058, 16.844, 84.575
xyY	0.172, 0.138, 16.844
CIE-LCH	48.062, 78.004, 289.795
CIE-LUV	48.062, -23.831, -113.042
Hunter-Lab	41.041, 19.765, -93.453
Binary	00000110, 01101011, 11110000

#066bf0
```
#066bf0 rgb(6,107,240)
```
#f08b06
```
#f08b06 rgb(240,139,6)
```

Complementary Color

#06e0f0
```
#06e0f0 rgb(6,224,240)
```
#066bf0
```
#066bf0 rgb(6,107,240)
```
#1606f0
```
#1606f0 rgb(22,6,240)
```

Analogous Color

#e0f006
```
#e0f006 rgb(224,240,6)
```
#066bf0
```
#066bf0 rgb(6,107,240)
```
#f01606
```
#f01606 rgb(240,22,6)
```

Split Complementary Color

#6bf006
```
#6bf006 rgb(107,240,6)
```
#066bf0
```
#066bf0 rgb(6,107,240)
```
#f0066b
```
#f0066b rgb(240,6,107)
```

Triadic Color

#06f08b
```
#06f08b rgb(6,240,139)
```
#066bf0
```
#066bf0 rgb(6,107,240)
```
#f0066b
```
#f0066b rgb(240,6,107)
```
#f08b06
```
#f08b06 rgb(240,139,6)
```

Tetradic Color

#044aa5
```
#044aa5 rgb(4,74,165)
```
#0555be
```
#0555be rgb(5,85,190)
```
#0560d7
```
#0560d7 rgb(5,96,215)
```
#066bf0
```
#066bf0 rgb(6,107,240)
```
#1678f9
```
#1678f9 rgb(22,120,249)
```
#2f87fa
```
#2f87fa rgb(47,135,250)
```
#4895fa
```
#4895fa rgb(72,149,250)
```

Monochromatic Color

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

#06a6f0
```
#06a6f0 rgb(6,166,240)
```
#0692f0
```
#0692f0 rgb(6,146,240)
```
#067ff0
```
#067ff0 rgb(6,127,240)
```
#066bf0
```
#066bf0 rgb(6,107,240)
```
#0658f0
```
#0658f0 rgb(6,88,240)
```
#0644f0
```
#0644f0 rgb(6,68,240)
```
#0631f0
```
#0631f0 rgb(6,49,240)
```

Similar Colors

Text with hexadecimal color #066bf0

This text has a font color of #066bf0.

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

#066bf0 background color

This paragraph has a background color of #066bf0.

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

#066bf0 border color

This element has a border color of #066bf0.

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

CSS codes

.text {color:#066bf0;}

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

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

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

#00050a
```
#00050a rgb(0,5,10)
```
#010d1d
```
#010d1d rgb(1,13,29)
```
#011631
```
#011631 rgb(1,22,49)
```
#021e44
```
#021e44 rgb(2,30,68)
```
#022757
```
#022757 rgb(2,39,87)
```
#032f6a
```
#032f6a rgb(3,47,106)
```
#03387d
```
#03387d rgb(3,56,125)
```
#044090
```
#044090 rgb(4,64,144)
```
#0449a3
```
#0449a3 rgb(4,73,163)
```
#0551b7
```
#0551b7 rgb(5,81,183)
```
#055aca
```
#055aca rgb(5,90,202)
```
#0662dd
```
#0662dd rgb(6,98,221)
```
#066bf0
```
#066bf0 rgb(6,107,240)
```

Shade Color Variation

#1175f9
```
#1175f9 rgb(17,117,249)
```
#2480fa
```
#2480fa rgb(36,128,250)
```
#378bfa
```
#378bfa rgb(55,139,250)
```
#4a96fa
```
#4a96fa rgb(74,150,250)
```
#5da1fb
```
#5da1fb rgb(93,161,251)
```
#70acfb
```
#70acfb rgb(112,172,251)
```
#83b7fc
```
#83b7fc rgb(131,183,252)
```
#97c2fc
```
#97c2fc rgb(151,194,252)
```
#aacefd
```
#aacefd rgb(170,206,253)
```
#bdd9fd
```
#bdd9fd rgb(189,217,253)
```
#d0e4fe
```
#d0e4fe rgb(208,228,254)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#787b7e
```
#787b7e rgb(120,123,126)
```
#6e7988
```
#6e7988 rgb(110,121,136)
```
#657891
```
#657891 rgb(101,120,145)
```
#5b779b
```
#5b779b rgb(91,119,155)
```
#5275a4
```
#5275a4 rgb(82,117,164)
```
#4874ae
```
#4874ae rgb(72,116,174)
```
#3f73b7
```
#3f73b7 rgb(63,115,183)
```
#3571c1
```
#3571c1 rgb(53,113,193)
```
#2c70ca
```
#2c70ca rgb(44,112,202)
```
#226fd4
```
#226fd4 rgb(34,111,212)
```
#196edd
```
#196edd rgb(25,110,221)
```
#0f6ce7
```
#0f6ce7 rgb(15,108,231)
```
#066bf0
```
#066bf0 rgb(6,107,240)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4b5f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

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

#066bf0 hex color

#066bf0 Color Information

#066bf0 Color Conversion

Color Schemes with #066bf0

Alternatives to #066bf0

#066bf0 Preview

Shades and Tints of #066bf0

Tones of #066bf0

Color Blindness Simulator