#1227a4 hex color

In a RGB color space, hex #1227a4 is composed of 7.1% red, 15.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 76.2% magenta, 0% yellow and 35.7% black. It has a hue angle of 231.4 degrees, a saturation of 80.2% and a lightness of 35.7%. #1227a4 color hex could be obtained by blending #244eff with #000049. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 15
- B 64
RGB color chart
- C 89
- M 76
- Y 0
- K 36
CMYK color chart

● #1227a4 color description : Dark blue.

The hexadecimal color #1227a4 has RGB values of R:18, G:39, B:164 and CMYK values of C:0.89, M:0.76, Y:0, K:0.36. Its decimal value is 1189796.

Hex triplet	1227a4	`#1227a4`
RGB Decimal	18, 39, 164	`rgb(18,39,164)`
RGB Percent	7.1, 15.3, 64.3	`rgb(7.1%,15.3%,64.3%)`
CMYK	89, 76, 0, 36
HSL	231.4°, 80.2, 35.7	`hsl(231.4,80.2%,35.7%)`
HSV (or HSB)	231.4°, 89, 64.3
Web Safe	003399	`#003399`

CIE-LAB	24.511, 41.492, -67.855
XYZ	7.674, 4.259, 35.538
xyY	0.162, 0.09, 4.259
CIE-LCH	24.511, 79.536, 301.445
CIE-LUV	24.511, -8.142, -80.677
Hunter-Lab	20.638, 30.259, -87.646
Binary	00010010, 00100111, 10100100

#1227a4
```
#1227a4 rgb(18,39,164)
```
#a48f12
```
#a48f12 rgb(164,143,18)
```

Complementary Color

#1270a4
```
#1270a4 rgb(18,112,164)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#4612a4
```
#4612a4 rgb(70,18,164)
```

Analogous Color

#70a412
```
#70a412 rgb(112,164,18)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#a44612
```
#a44612 rgb(164,70,18)
```

Split Complementary Color

#27a412
```
#27a412 rgb(39,164,18)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#a41227
```
#a41227 rgb(164,18,39)
```

Triadic Color

#12a48f
```
#12a48f rgb(18,164,143)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#a41227
```
#a41227 rgb(164,18,39)
```
#a48f12
```
#a48f12 rgb(164,143,18)
```

Tetradic Color

#0a175f
```
#0a175f rgb(10,23,95)
```
#0d1c76
```
#0d1c76 rgb(13,28,118)
```
#0f228d
```
#0f228d rgb(15,34,141)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#152cbb
```
#152cbb rgb(21,44,187)
```
#1732d2
```
#1732d2 rgb(23,50,210)
```
#1c39e6
```
#1c39e6 rgb(28,57,230)
```

Monochromatic Color

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

#124ca4
```
#124ca4 rgb(18,76,164)
```
#123fa4
```
#123fa4 rgb(18,63,164)
```
#1233a4
```
#1233a4 rgb(18,51,164)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#121ba4
```
#121ba4 rgb(18,27,164)
```
#1512a4
```
#1512a4 rgb(21,18,164)
```
#2112a4
```
#2112a4 rgb(33,18,164)
```

Similar Colors

Text with hexadecimal color #1227a4

This text has a font color of #1227a4.

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

#1227a4 background color

This paragraph has a background color of #1227a4.

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

#1227a4 border color

This element has a border color of #1227a4.

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

CSS codes

.text {color:#1227a4;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#020517
```
#020517 rgb(2,5,23)
```
#040a28
```
#040a28 rgb(4,10,40)
```
#060e3a
```
#060e3a rgb(6,14,58)
```
#08124c
```
#08124c rgb(8,18,76)
```
#0a165d
```
#0a165d rgb(10,22,93)
```
#0c1a6f
```
#0c1a6f rgb(12,26,111)
```
#0e1f81
```
#0e1f81 rgb(14,31,129)
```
#102392
```
#102392 rgb(16,35,146)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#142bb6
```
#142bb6 rgb(20,43,182)
```
#162fc7
```
#162fc7 rgb(22,47,199)
```
#1834d9
```
#1834d9 rgb(24,52,217)
```

Shade Color Variation

#1e3be6
```
#1e3be6 rgb(30,59,230)
```
#304ae8
```
#304ae8 rgb(48,74,232)
```
#415aea
```
#415aea rgb(65,90,234)
```
#5369ec
```
#5369ec rgb(83,105,236)
```
#6579ee
```
#6579ee rgb(101,121,238)
```
#7788f0
```
#7788f0 rgb(119,136,240)
```
#8897f2
```
#8897f2 rgb(136,151,242)
```
#9aa7f4
```
#9aa7f4 rgb(154,167,244)
```
#acb6f6
```
#acb6f6 rgb(172,182,246)
```
#bdc6f8
```
#bdc6f8 rgb(189,198,248)
```
#cfd5fa
```
#cfd5fa rgb(207,213,250)
```
#e1e4fc
```
#e1e4fc rgb(225,228,252)
```
#f2f4fe
```
#f2f4fe rgb(242,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #58595e is the less saturated color, while #041db2 is the most saturated one.

#58595e
```
#58595e rgb(88,89,94)
```
#515465
```
#515465 rgb(81,84,101)
```
#4a4f6c
```
#4a4f6c rgb(74,79,108)
```
#434a73
```
#434a73 rgb(67,74,115)
```
#3c457a
```
#3c457a rgb(60,69,122)
```
#354081
```
#354081 rgb(53,64,129)
```
#2e3b88
```
#2e3b88 rgb(46,59,136)
```
#27368f
```
#27368f rgb(39,54,143)
```
#203196
```
#203196 rgb(32,49,150)
```
#192c9d
```
#192c9d rgb(25,44,157)
```
#1227a4
```
#1227a4 rgb(18,39,164)
```
#0b22ab
```
#0b22ab rgb(11,34,171)
```
#041db2
```
#041db2 rgb(4,29,178)
```

Tone Color Variation

Below, you can see how #1227a4 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

#2f2f2f Achromatopsia 0.005% of the population
#292d46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#06388d Protanomaly 1% of men, 0.01% of women
#063b82 Deuteranomaly 6% of men, 0.4% of women
#063e6d Tritanomaly 0.01% of the population

#1227a4 hex color

#1227a4 Color Information

#1227a4 Color Conversion

Color Schemes with #1227a4

Alternatives to #1227a4

#1227a4 Preview

Shades and Tints of #1227a4

Tones of #1227a4

Color Blindness Simulator