#1227e4 hex color

In a RGB color space, hex #1227e4 is composed of 7.1% red, 15.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 82.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 234 degrees, a saturation of 85.4% and a lightness of 48.2%. #1227e4 color hex could be obtained by blending #244eff with #0000c9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 15
- B 89
RGB color chart
- C 92
- M 83
- Y 0
- K 11
CMYK color chart

● #1227e4 color description : Vivid blue.

The hexadecimal color #1227e4 has RGB values of R:18, G:39, B:228 and CMYK values of C:0.92, M:0.83, Y:0, K:0.11. Its decimal value is 1189860.

Hex triplet	1227e4	`#1227e4`
RGB Decimal	18, 39, 228	`rgb(18,39,228)`
RGB Percent	7.1, 15.3, 89.4	`rgb(7.1%,15.3%,89.4%)`
CMYK	92, 83, 0, 11
HSL	234°, 85.4, 48.2	`hsl(234,85.4%,48.2%)`
HSV (or HSB)	234°, 92.1, 89.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.213, 62.241, -92.708
XYZ	14.976, 7.18, 73.991
xyY	0.156, 0.075, 7.18
CIE-LCH	32.213, 111.664, 303.876
CIE-LUV	32.213, -10.063, -117.608
Hunter-Lab	26.795, 52.871, -144.963
Binary	00010010, 00100111, 11100100

#1227e4
```
#1227e4 rgb(18,39,228)
```
#e4cf12
```
#e4cf12 rgb(228,207,18)
```

Complementary Color

#1290e4
```
#1290e4 rgb(18,144,228)
```
#1227e4
```
#1227e4 rgb(18,39,228)
```
#6612e4
```
#6612e4 rgb(102,18,228)
```

Analogous Color

#90e412
```
#90e412 rgb(144,228,18)
```
#1227e4
```
#1227e4 rgb(18,39,228)
```
#e46612
```
#e46612 rgb(228,102,18)
```

Split Complementary Color

#27e412
```
#27e412 rgb(39,228,18)
```
#1227e4
```
#1227e4 rgb(18,39,228)
```
#e41227
```
#e41227 rgb(228,18,39)
```

Triadic Color

#12e4cf
```
#12e4cf rgb(18,228,207)
```
#1227e4
```
#1227e4 rgb(18,39,228)
```
#e41227
```
#e41227 rgb(228,18,39)
```
#e4cf12
```
#e4cf12 rgb(228,207,18)
```

Tetradic Color

#0c1b9d
```
#0c1b9d rgb(12,27,157)
```
#0e1fb5
```
#0e1fb5 rgb(14,31,181)
```
#1023cc
```
#1023cc rgb(16,35,204)
```
#1227e4
```
#1227e4 rgb(18,39,228)
```
#2236ee
```
#2236ee rgb(34,54,238)
```
#3a4cef
```
#3a4cef rgb(58,76,239)
```
#5161f1
```
#5161f1 rgb(81,97,241)
```

Monochromatic Color

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

#125ce4
```
#125ce4 rgb(18,92,228)
```
#124ae4
```
#124ae4 rgb(18,74,228)
```
#1239e4
```
#1239e4 rgb(18,57,228)
```
#1227e4
```
#1227e4 rgb(18,39,228)
```
#1216e4
```
#1216e4 rgb(18,22,228)
```
#2012e4
```
#2012e4 rgb(32,18,228)
```
#3212e4
```
#3212e4 rgb(50,18,228)
```

Similar Colors

Text with hexadecimal color #1227e4

This text has a font color of #1227e4.

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

#1227e4 background color

This paragraph has a background color of #1227e4.

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

#1227e4 border color

This element has a border color of #1227e4.

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

CSS codes

.text {color:#1227e4;}

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

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#02051c
```
#02051c rgb(2,5,28)
```
#04082e
```
#04082e rgb(4,8,46)
```
#050b40
```
#050b40 rgb(5,11,64)
```
#070e53
```
#070e53 rgb(7,14,83)
```
#081165
```
#081165 rgb(8,17,101)
```
#091477
```
#091477 rgb(9,20,119)
```
#0b1789
```
#0b1789 rgb(11,23,137)
```
#0c1b9b
```
#0c1b9b rgb(12,27,155)
```
#0e1ead
```
#0e1ead rgb(14,30,173)
```
#0f21c0
```
#0f21c0 rgb(15,33,192)
```
#1124d2
```
#1124d2 rgb(17,36,210)
```
#1227e4
```
#1227e4 rgb(18,39,228)
```

Shade Color Variation

#1c31ed
```
#1c31ed rgb(28,49,237)
```
#2f42ef
```
#2f42ef rgb(47,66,239)
```
#4152f0
```
#4152f0 rgb(65,82,240)
```
#5363f1
```
#5363f1 rgb(83,99,241)
```
#6573f3
```
#6573f3 rgb(101,115,243)
```
#7784f4
```
#7784f4 rgb(119,132,244)
```
#8a94f6
```
#8a94f6 rgb(138,148,246)
```
#9ca5f7
```
#9ca5f7 rgb(156,165,247)
```
#aeb5f9
```
#aeb5f9 rgb(174,181,249)
```
#c0c6fa
```
#c0c6fa rgb(192,198,250)
```
#d2d6fb
```
#d2d6fb rgb(210,214,251)
```
#e4e7fd
```
#e4e7fd rgb(228,231,253)
```
#f7f7fe
```
#f7f7fe rgb(247,247,254)
```

Tint Color Variation

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

#7a7a7c
```
#7a7a7c rgb(122,122,124)
```
#717385
```
#717385 rgb(113,115,133)
```
#676b8f
```
#676b8f rgb(103,107,143)
```
#5e6498
```
#5e6498 rgb(94,100,152)
```
#545ca2
```
#545ca2 rgb(84,92,162)
```
#4b54ab
```
#4b54ab rgb(75,84,171)
```
#414db5
```
#414db5 rgb(65,77,181)
```
#3845be
```
#3845be rgb(56,69,190)
```
#2e3ec8
```
#2e3ec8 rgb(46,62,200)
```
#2536d1
```
#2536d1 rgb(37,54,209)
```
#1b2fdb
```
#1b2fdb rgb(27,47,219)
```
#1227e4
```
#1227e4 rgb(18,39,228)
```
#091fed
```
#091fed rgb(9,31,237)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#2f3359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0642b9 Protanomaly 1% of men, 0.01% of women
#0645aa Deuteranomaly 6% of men, 0.4% of women
#064990 Tritanomaly 0.01% of the population

#1227e4 hex color

#1227e4 Color Information

#1227e4 Color Conversion

Color Schemes with #1227e4

Alternatives to #1227e4

#1227e4 Preview

Shades and Tints of #1227e4

Tones of #1227e4

Color Blindness Simulator