colorhexa.com

#066ed0 hex color

In a RGB color space, hex #066ed0 is composed of 2.4% red, 43.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 47.1% magenta, 0% yellow and 18.4% black. It has a hue angle of 209.1 degrees, a saturation of 94.4% and a lightness of 42%. #066ed0 color hex could be obtained by blending #0cdcff with #0000a1. Closest websafe color is: #0066cc.

- R 2
- G 43
- B 82
RGB color chart
- C 97
- M 47
- Y 0
- K 18
CMYK color chart

● #066ed0 color description : Strong blue.

The hexadecimal color #066ed0 has RGB values of R:6, G:110, B:208 and CMYK values of C:0.97, M:0.47, Y:0, K:0.18. Its decimal value is 421584.

Hex triplet	066ed0	`#066ed0`
RGB Decimal	6, 110, 208	`rgb(6,110,208)`
RGB Percent	2.4, 43.1, 81.6	`rgb(2.4%,43.1%,81.6%)`
CMYK	97, 47, 0, 18
HSL	209.1°, 94.4, 42	`hsl(209.1,94.4%,42%)`
HSV (or HSB)	209.1°, 97.1, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.636, 11.917, -57.61
XYZ	17.034, 15.743, 61.812
xyY	0.18, 0.166, 15.743
CIE-LCH	46.636, 58.83, 281.687
CIE-LUV	46.636, -25.766, -88.091
Hunter-Lab	39.678, 7.194, -64.591
Binary	00000110, 01101110, 11010000

#066ed0
```
#066ed0 rgb(6,110,208)
```
#d06806
```
#d06806 rgb(208,104,6)
```

Complementary Color

#06d0cd
```
#06d0cd rgb(6,208,205)
```
#066ed0
```
#066ed0 rgb(6,110,208)
```
#0609d0
```
#0609d0 rgb(6,9,208)
```

Analogous Color

#d0cd06
```
#d0cd06 rgb(208,205,6)
```
#066ed0
```
#066ed0 rgb(6,110,208)
```
#d00609
```
#d00609 rgb(208,6,9)
```

Split Complementary Color

#6ed006
```
#6ed006 rgb(110,208,6)
```
#066ed0
```
#066ed0 rgb(6,110,208)
```
#d0066e
```
#d0066e rgb(208,6,110)
```

Triadic Color

#044786
```
#044786 rgb(4,71,134)
```
#05549e
```
#05549e rgb(5,84,158)
```
#0561b7
```
#0561b7 rgb(5,97,183)
```
#066ed0
```
#066ed0 rgb(6,110,208)
```
#077be9
```
#077be9 rgb(7,123,233)
```
#1188f8
```
#1188f8 rgb(17,136,248)
```
#2a94f9
```
#2a94f9 rgb(42,148,249)
```

Monochromatic Color

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

#06a1d0
```
#06a1d0 rgb(6,161,208)
```
#0690d0
```
#0690d0 rgb(6,144,208)
```
#067fd0
```
#067fd0 rgb(6,127,208)
```
#066ed0
```
#066ed0 rgb(6,110,208)
```
#065dd0
```
#065dd0 rgb(6,93,208)
```
#064cd0
```
#064cd0 rgb(6,76,208)
```
#063cd0
```
#063cd0 rgb(6,60,208)
```

Similar Colors

Text with hexadecimal color #066ed0

This text has a font color of #066ed0.

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

#066ed0 background color

This paragraph has a background color of #066ed0.

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

#066ed0 border color

This element has a border color of #066ed0.

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

CSS codes

.text {color:#066ed0;}

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

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

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

#010911
```
#010911 rgb(1,9,17)
```
#011324
```
#011324 rgb(1,19,36)
```
#021d37
```
#021d37 rgb(2,29,55)
```
#02274b
```
#02274b rgb(2,39,75)
```
#03325e
```
#03325e rgb(3,50,94)
```
#033c71
```
#033c71 rgb(3,60,113)
```
#044684
```
#044684 rgb(4,70,132)
```
#045097
```
#045097 rgb(4,80,151)
```
#055aaa
```
#055aaa rgb(5,90,170)
```
#0564bd
```
#0564bd rgb(5,100,189)
```
#066ed0
```
#066ed0 rgb(6,110,208)
```
#0778e3
```
#0778e3 rgb(7,120,227)
```
#0782f6
```
#0782f6 rgb(7,130,246)
```

Shade Color Variation

#188cf8
```
#188cf8 rgb(24,140,248)
```
#2c95f9
```
#2c95f9 rgb(44,149,249)
```
#3f9ff9
```
#3f9ff9 rgb(63,159,249)
```
#52a8fa
```
#52a8fa rgb(82,168,250)
```
#65b2fb
```
#65b2fb rgb(101,178,251)
```
#78bbfb
```
#78bbfb rgb(120,187,251)
```
#8bc5fc
```
#8bc5fc rgb(139,197,252)
```
#9ecefc
```
#9ecefc rgb(158,206,252)
```
#b1d8fd
```
#b1d8fd rgb(177,216,253)
```
#c4e2fd
```
#c4e2fd rgb(196,226,253)
```
#d7ebfe
```
#d7ebfe rgb(215,235,254)
```
#eaf5fe
```
#eaf5fe rgb(234,245,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#696b6d
```
#696b6d rgb(105,107,109)
```
#616b75
```
#616b75 rgb(97,107,117)
```
#586c7e
```
#586c7e rgb(88,108,126)
```
#506c86
```
#506c86 rgb(80,108,134)
```
#486c8e
```
#486c8e rgb(72,108,142)
```
#406c96
```
#406c96 rgb(64,108,150)
```
#376d9f
```
#376d9f rgb(55,109,159)
```
#2f6da7
```
#2f6da7 rgb(47,109,167)
```
#276daf
```
#276daf rgb(39,109,175)
```
#1f6db7
```
#1f6db7 rgb(31,109,183)
```
#166ec0
```
#166ec0 rgb(22,110,192)
```
#0e6ec8
```
#0e6ec8 rgb(14,110,200)
```
#066ed0
```
#066ed0 rgb(6,110,208)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#495e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e72d0 Protanopia 1% of men
#0078c6 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#2a71d0 Protanomaly 1% of men, 0.01% of women
#0274c9 Deuteranomaly 6% of men, 0.4% of women
#027aa2 Tritanomaly 0.01% of the population