#1223e4 hex color

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

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

● #1223e4 color description : Vivid blue.

The hexadecimal color #1223e4 has RGB values of R:18, G:35, B:228 and CMYK values of C:0.92, M:0.85, Y:0, K:0.11. Its decimal value is 1188836.

Hex triplet	1223e4	`#1223e4`
RGB Decimal	18, 35, 228	`rgb(18,35,228)`
RGB Percent	7.1, 13.7, 89.4	`rgb(7.1%,13.7%,89.4%)`
CMYK	92, 85, 0, 11
HSL	235.1°, 85.4, 48.2	`hsl(235.1,85.4%,48.2%)`
HSV (or HSB)	235.1°, 92.1, 89.4
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.649, 63.921, -93.647
XYZ	14.851, 6.931, 73.95
xyY	0.155, 0.072, 6.931
CIE-LCH	31.649, 113.383, 304.316
CIE-LUV	31.649, -9.652, -117.354
Hunter-Lab	26.327, 54.623, -148.112
Binary	00010010, 00100011, 11100100

#1223e4
```
#1223e4 rgb(18,35,228)
```
#e4d312
```
#e4d312 rgb(228,211,18)
```

Complementary Color

#128ce4
```
#128ce4 rgb(18,140,228)
```
#1223e4
```
#1223e4 rgb(18,35,228)
```
#6a12e4
```
#6a12e4 rgb(106,18,228)
```

Analogous Color

#8ce412
```
#8ce412 rgb(140,228,18)
```
#1223e4
```
#1223e4 rgb(18,35,228)
```
#e46a12
```
#e46a12 rgb(228,106,18)
```

Split Complementary Color

#23e412
```
#23e412 rgb(35,228,18)
```
#1223e4
```
#1223e4 rgb(18,35,228)
```
#e41223
```
#e41223 rgb(228,18,35)
```

Triadic Color

#12e4d3
```
#12e4d3 rgb(18,228,211)
```
#1223e4
```
#1223e4 rgb(18,35,228)
```
#e41223
```
#e41223 rgb(228,18,35)
```
#e4d312
```
#e4d312 rgb(228,211,18)
```

Tetradic Color

#0c189d
```
#0c189d rgb(12,24,157)
```
#0e1cb5
```
#0e1cb5 rgb(14,28,181)
```
#101fcc
```
#101fcc rgb(16,31,204)
```
#1223e4
```
#1223e4 rgb(18,35,228)
```
#2232ee
```
#2232ee rgb(34,50,238)
```
#3a48ef
```
#3a48ef rgb(58,72,239)
```
#515ef1
```
#515ef1 rgb(81,94,241)
```

Monochromatic Color

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

#1258e4
```
#1258e4 rgb(18,88,228)
```
#1246e4
```
#1246e4 rgb(18,70,228)
```
#1235e4
```
#1235e4 rgb(18,53,228)
```
#1223e4
```
#1223e4 rgb(18,35,228)
```
#1312e4
```
#1312e4 rgb(19,18,228)
```
#2412e4
```
#2412e4 rgb(36,18,228)
```
#3612e4
```
#3612e4 rgb(54,18,228)
```

Similar Colors

Text with hexadecimal color #1223e4

This text has a font color of #1223e4.

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

#1223e4 background color

This paragraph has a background color of #1223e4.

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

#1223e4 border color

This element has a border color of #1223e4.

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

CSS codes

.text {color:#1223e4;}

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

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

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)
```
#02041c
```
#02041c rgb(2,4,28)
```
#04072e
```
#04072e rgb(4,7,46)
```
#050a40
```
#050a40 rgb(5,10,64)
```
#070d53
```
#070d53 rgb(7,13,83)
```
#080f65
```
#080f65 rgb(8,15,101)
```
#091277
```
#091277 rgb(9,18,119)
```
#0b1589
```
#0b1589 rgb(11,21,137)
```
#0c189b
```
#0c189b rgb(12,24,155)
```
#0e1bad
```
#0e1bad rgb(14,27,173)
```
#0f1dc0
```
#0f1dc0 rgb(15,29,192)
```
#1120d2
```
#1120d2 rgb(17,32,210)
```
#1223e4
```
#1223e4 rgb(18,35,228)
```

Shade Color Variation

#1c2ded
```
#1c2ded rgb(28,45,237)
```
#2f3eef
```
#2f3eef rgb(47,62,239)
```
#414ff0
```
#414ff0 rgb(65,79,240)
```
#5360f1
```
#5360f1 rgb(83,96,241)
```
#6571f3
```
#6571f3 rgb(101,113,243)
```
#7782f4
```
#7782f4 rgb(119,130,244)
```
#8a92f6
```
#8a92f6 rgb(138,146,246)
```
#9ca3f7
```
#9ca3f7 rgb(156,163,247)
```
#aeb4f9
```
#aeb4f9 rgb(174,180,249)
```
#c0c5fa
```
#c0c5fa rgb(192,197,250)
```
#d2d6fb
```
#d2d6fb rgb(210,214,251)
```
#e4e6fd
```
#e4e6fd rgb(228,230,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 #091bed is the most saturated one.

#7a7a7c
```
#7a7a7c rgb(122,122,124)
```
#717285
```
#717285 rgb(113,114,133)
```
#676a8f
```
#676a8f rgb(103,106,143)
```
#5e6298
```
#5e6298 rgb(94,98,152)
```
#545ba2
```
#545ba2 rgb(84,91,162)
```
#4b53ab
```
#4b53ab rgb(75,83,171)
```
#414bb5
```
#414bb5 rgb(65,75,181)
```
#3843be
```
#3843be rgb(56,67,190)
```
#2e3bc8
```
#2e3bc8 rgb(46,59,200)
```
#2533d1
```
#2533d1 rgb(37,51,209)
```
#1b2bdb
```
#1b2bdb rgb(27,43,219)
```
#1223e4
```
#1223e4 rgb(18,35,228)
```
#091bed
```
#091bed rgb(9,27,237)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2d3157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c5f Tritanopia 0.001% of the population

Trichromacy

#0640b7 Protanomaly 1% of men, 0.01% of women
#0643a9 Deuteranomaly 6% of men, 0.4% of women
#06478f Tritanomaly 0.01% of the population

#1223e4 hex color

#1223e4 Color Information

#1223e4 Color Conversion

Color Schemes with #1223e4

Alternatives to #1223e4

#1223e4 Preview

Shades and Tints of #1223e4

Tones of #1223e4

Color Blindness Simulator