#1866a4 hex color

In a RGB color space, hex #1866a4 is composed of 9.4% red, 40% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 37.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 206.6 degrees, a saturation of 74.5% and a lightness of 36.9%. #1866a4 color hex could be obtained by blending #30ccff with #000049. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 40
- B 64
RGB color chart
- C 85
- M 38
- Y 0
- K 36
CMYK color chart

● #1866a4 color description : Dark blue.

The hexadecimal color #1866a4 has RGB values of R:24, G:102, B:164 and CMYK values of C:0.85, M:0.38, Y:0, K:0.36. Its decimal value is 1599140.

Hex triplet	1866a4	`#1866a4`
RGB Decimal	24, 102, 164	`rgb(24,102,164)`
RGB Percent	9.4, 40, 64.3	`rgb(9.4%,40%,64.3%)`
CMYK	85, 38, 0, 36
HSL	206.6°, 74.5, 36.9	`hsl(206.6,74.5%,36.9%)`
HSV (or HSB)	206.6°, 85.4, 64.3
Web Safe	006699	`#006699`

CIE-LAB	41.808, 0.452, -39.752
XYZ	11.827, 12.376, 36.885
xyY	0.194, 0.203, 12.376
CIE-LCH	41.808, 39.755, 270.651
CIE-LUV	41.808, -24.078, -58.069
Hunter-Lab	35.18, -1.554, -37.539
Binary	00011000, 01100110, 10100100

#1866a4
```
#1866a4 rgb(24,102,164)
```
#a45618
```
#a45618 rgb(164,86,24)
```

Complementary Color

#18a49c
```
#18a49c rgb(24,164,156)
```
#1866a4
```
#1866a4 rgb(24,102,164)
```
#1820a4
```
#1820a4 rgb(24,32,164)
```

Analogous Color

#a49c18
```
#a49c18 rgb(164,156,24)
```
#1866a4
```
#1866a4 rgb(24,102,164)
```
#a41820
```
#a41820 rgb(164,24,32)
```

Split Complementary Color

#66a418
```
#66a418 rgb(102,164,24)
```
#1866a4
```
#1866a4 rgb(24,102,164)
```
#a41866
```
#a41866 rgb(164,24,102)
```

Triadic Color

#18a456
```
#18a456 rgb(24,164,86)
```
#1866a4
```
#1866a4 rgb(24,102,164)
```
#a41866
```
#a41866 rgb(164,24,102)
```
#a45618
```
#a45618 rgb(164,86,24)
```

Tetradic Color

#0e3c61
```
#0e3c61 rgb(14,60,97)
```
#114a78
```
#114a78 rgb(17,74,120)
```
#15588e
```
#15588e rgb(21,88,142)
```
#1866a4
```
#1866a4 rgb(24,102,164)
```
#1b74ba
```
#1b74ba rgb(27,116,186)
```
#1f82d0
```
#1f82d0 rgb(31,130,208)
```
#298fe0
```
#298fe0 rgb(41,143,224)
```

Monochromatic Color

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

#1889a4
```
#1889a4 rgb(24,137,164)
```
#187da4
```
#187da4 rgb(24,125,164)
```
#1872a4
```
#1872a4 rgb(24,114,164)
```
#1866a4
```
#1866a4 rgb(24,102,164)
```
#185aa4
```
#185aa4 rgb(24,90,164)
```
#184fa4
```
#184fa4 rgb(24,79,164)
```
#1843a4
```
#1843a4 rgb(24,67,164)
```

Similar Colors

Text with hexadecimal color #1866a4

This text has a font color of #1866a4.

<span style="color:#1866a4;">Text here</span>

#1866a4 background color

This paragraph has a background color of #1866a4.

<p style="background-color:#1866a4;">Content here</p>

#1866a4 border color

This element has a border color of #1866a4.

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

CSS codes

.text {color:#1866a4;}

.background {background-color:#1866a4;}

.border {border:1px solid #1866a4;}

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

#01060a
```
#01060a rgb(1,6,10)
```
#04111b
```
#04111b rgb(4,17,27)
```
#061c2c
```
#061c2c rgb(6,28,44)
```
#09263d
```
#09263d rgb(9,38,61)
```
#0b314e
```
#0b314e rgb(11,49,78)
```
#0e3b60
```
#0e3b60 rgb(14,59,96)
```
#104671
```
#104671 rgb(16,70,113)
```
#135182
```
#135182 rgb(19,81,130)
```
#155b93
```
#155b93 rgb(21,91,147)
```
#1866a4
```
#1866a4 rgb(24,102,164)
```
#1b71b5
```
#1b71b5 rgb(27,113,181)
```
#1d7bc6
```
#1d7bc6 rgb(29,123,198)
```
#2086d7
```
#2086d7 rgb(32,134,215)
```

Shade Color Variation

#2b90e0
```
#2b90e0 rgb(43,144,224)
```
#3c99e2
```
#3c99e2 rgb(60,153,226)
```
#4da2e5
```
#4da2e5 rgb(77,162,229)
```
#5eabe7
```
#5eabe7 rgb(94,171,231)
```
#6fb3ea
```
#6fb3ea rgb(111,179,234)
```
#80bcec
```
#80bcec rgb(128,188,236)
```
#91c5ef
```
#91c5ef rgb(145,197,239)
```
#a2cef1
```
#a2cef1 rgb(162,206,241)
```
#b3d7f4
```
#b3d7f4 rgb(179,215,244)
```
#c5e0f6
```
#c5e0f6 rgb(197,224,246)
```
#d6e9f9
```
#d6e9f9 rgb(214,233,249)
```
#e7f2fb
```
#e7f2fb rgb(231,242,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595f63 is the less saturated color, while #0268ba is the most saturated one.

#595f63
```
#595f63 rgb(89,95,99)
```
#525f6a
```
#525f6a rgb(82,95,106)
```
#4b6071
```
#4b6071 rgb(75,96,113)
```
#436179
```
#436179 rgb(67,97,121)
```
#3c6280
```
#3c6280 rgb(60,98,128)
```
#356387
```
#356387 rgb(53,99,135)
```
#2e648e
```
#2e648e rgb(46,100,142)
```
#266496
```
#266496 rgb(38,100,150)
```
#1f659d
```
#1f659d rgb(31,101,157)
```
#1866a4
```
#1866a4 rgb(24,102,164)
```
#1167ab
```
#1167ab rgb(17,103,171)
```
#0a68b2
```
#0a68b2 rgb(10,104,178)
```
#0268ba
```
#0268ba rgb(2,104,186)
```

Tone Color Variation

Below, you can see how #1866a4 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
#4a5966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5168a4 Protanopia 1% of men
#3b6ba9 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#3c67a4 Protanomaly 1% of men, 0.01% of women
#2e69a7 Deuteranomaly 6% of men, 0.4% of women
#086f8b Tritanomaly 0.01% of the population

#1866a4 hex color

#1866a4 Color Information

#1866a4 Color Conversion

Color Schemes with #1866a4

Alternatives to #1866a4

#1866a4 Preview

Shades and Tints of #1866a4

Tones of #1866a4

Color Blindness Simulator