#1226d4 hex color

In a RGB color space, hex #1226d4 is composed of 7.1% red, 14.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 82.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 233.8 degrees, a saturation of 84.3% and a lightness of 45.1%. #1226d4 color hex could be obtained by blending #244cff with #0000a9. Closest websafe color is: #0033cc.

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

● #1226d4 color description : Strong blue.

The hexadecimal color #1226d4 has RGB values of R:18, G:38, B:212 and CMYK values of C:0.92, M:0.82, Y:0, K:0.17. Its decimal value is 1189588.

Hex triplet	1226d4	`#1226d4`
RGB Decimal	18, 38, 212	`rgb(18,38,212)`
RGB Percent	7.1, 14.9, 83.1	`rgb(7.1%,14.9%,83.1%)`
CMYK	92, 82, 0, 17
HSL	233.8°, 84.3, 45.1	`hsl(233.8,84.3%,45.1%)`
HSV (or HSB)	233.8°, 91.5, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.077, 57.838, -87.053
XYZ	12.824, 6.267, 62.818
xyY	0.157, 0.077, 6.267
CIE-LCH	30.077, 104.515, 303.6
CIE-LUV	30.077, -9.433, -108.431
Hunter-Lab	25.035, 47.625, -131.248
Binary	00010010, 00100110, 11010100

#1226d4
```
#1226d4 rgb(18,38,212)
```
#d4c012
```
#d4c012 rgb(212,192,18)
```

Complementary Color

#1287d4
```
#1287d4 rgb(18,135,212)
```
#1226d4
```
#1226d4 rgb(18,38,212)
```
#5f12d4
```
#5f12d4 rgb(95,18,212)
```

Analogous Color

#87d412
```
#87d412 rgb(135,212,18)
```
#1226d4
```
#1226d4 rgb(18,38,212)
```
#d45f12
```
#d45f12 rgb(212,95,18)
```

Split Complementary Color

#26d412
```
#26d412 rgb(38,212,18)
```
#1226d4
```
#1226d4 rgb(18,38,212)
```
#d41226
```
#d41226 rgb(212,18,38)
```

Triadic Color

#12d4c0
```
#12d4c0 rgb(18,212,192)
```
#1226d4
```
#1226d4 rgb(18,38,212)
```
#d41226
```
#d41226 rgb(212,18,38)
```
#d4c012
```
#d4c012 rgb(212,192,18)
```

Tetradic Color

#0c198d
```
#0c198d rgb(12,25,141)
```
#0e1ea5
```
#0e1ea5 rgb(14,30,165)
```
#1022bc
```
#1022bc rgb(16,34,188)
```
#1226d4
```
#1226d4 rgb(18,38,212)
```
#142beb
```
#142beb rgb(20,43,235)
```
#2c40ed
```
#2c40ed rgb(44,64,237)
```
#4355ef
```
#4355ef rgb(67,85,239)
```

Monochromatic Color

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

#1257d4
```
#1257d4 rgb(18,87,212)
```
#1246d4
```
#1246d4 rgb(18,70,212)
```
#1236d4
```
#1236d4 rgb(18,54,212)
```
#1226d4
```
#1226d4 rgb(18,38,212)
```
#1216d4
```
#1216d4 rgb(18,22,212)
```
#1e12d4
```
#1e12d4 rgb(30,18,212)
```
#2e12d4
```
#2e12d4 rgb(46,18,212)
```

Similar Colors

Text with hexadecimal color #1226d4

This text has a font color of #1226d4.

<span style="color:#1226d4;">Text here</span>

#1226d4 background color

This paragraph has a background color of #1226d4.

<p style="background-color:#1226d4;">Content here</p>

#1226d4 border color

This element has a border color of #1226d4.

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

CSS codes

.text {color:#1226d4;}

.background {background-color:#1226d4;}

.border {border:1px solid #1226d4;}

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

#01020d
```
#01020d rgb(1,2,13)
```
#03061f
```
#03061f rgb(3,6,31)
```
#040931
```
#040931 rgb(4,9,49)
```
#060c43
```
#060c43 rgb(6,12,67)
```
#070f55
```
#070f55 rgb(7,15,85)
```
#091368
```
#091368 rgb(9,19,104)
```
#0a167a
```
#0a167a rgb(10,22,122)
```
#0c198c
```
#0c198c rgb(12,25,140)
```
#0d1c9e
```
#0d1c9e rgb(13,28,158)
```
#0f20b0
```
#0f20b0 rgb(15,32,176)
```
#1023c2
```
#1023c2 rgb(16,35,194)
```
#1226d4
```
#1226d4 rgb(18,38,212)
```
#1429e6
```
#1429e6 rgb(20,41,230)
```

Shade Color Variation

#2136ec
```
#2136ec rgb(33,54,236)
```
#3346ee
```
#3346ee rgb(51,70,238)
```
#4557ef
```
#4557ef rgb(69,87,239)
```
#5767f1
```
#5767f1 rgb(87,103,241)
```
#6978f2
```
#6978f2 rgb(105,120,242)
```
#7b88f4
```
#7b88f4 rgb(123,136,244)
```
#8e98f5
```
#8e98f5 rgb(142,152,245)
```
#a0a9f7
```
#a0a9f7 rgb(160,169,247)
```
#b2b9f8
```
#b2b9f8 rgb(178,185,248)
```
#c4c9fa
```
#c4c9fa rgb(196,201,250)
```
#d6dafc
```
#d6dafc rgb(214,218,252)
```
#e8eafd
```
#e8eafd rgb(232,234,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6c7c is the less saturated color, while #0018e6 is the most saturated one.

#6a6c7c
```
#6a6c7c rgb(106,108,124)
```
#626584
```
#626584 rgb(98,101,132)
```
#595e8d
```
#595e8d rgb(89,94,141)
```
#505796
```
#505796 rgb(80,87,150)
```
#47509f
```
#47509f rgb(71,80,159)
```
#3e49a8
```
#3e49a8 rgb(62,73,168)
```
#3542b1
```
#3542b1 rgb(53,66,177)
```
#2d3bb9
```
#2d3bb9 rgb(45,59,185)
```
#2434c2
```
#2434c2 rgb(36,52,194)
```
#1b2dcb
```
#1b2dcb rgb(27,45,203)
```
#1226d4
```
#1226d4 rgb(18,38,212)
```
#091fdd
```
#091fdd rgb(9,31,221)
```
#0018e6
```
#0018e6 rgb(0,24,230)
```

Tone Color Variation

Below, you can see how #1226d4 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
#2d3154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#063fad Protanomaly 1% of men, 0.01% of women
#0642a0 Deuteranomaly 6% of men, 0.4% of women
#064687 Tritanomaly 0.01% of the population

#1226d4 hex color

#1226d4 Color Information

#1226d4 Color Conversion

Color Schemes with #1226d4

Alternatives to #1226d4

#1226d4 Preview

Shades and Tints of #1226d4

Tones of #1226d4

Color Blindness Simulator