#1224aa hex color

In a RGB color space, hex #1224aa is composed of 7.1% red, 14.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 78.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 232.9 degrees, a saturation of 80.9% and a lightness of 36.9%. #1224aa color hex could be obtained by blending #2448ff with #000055. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 14
- B 67
RGB color chart
- C 89
- M 79
- Y 0
- K 33
CMYK color chart

● #1224aa color description : Dark blue.

The hexadecimal color #1224aa has RGB values of R:18, G:36, B:170 and CMYK values of C:0.89, M:0.79, Y:0, K:0.33. Its decimal value is 1189034.

Hex triplet	1224aa	`#1224aa`
RGB Decimal	18, 36, 170	`rgb(18,36,170)`
RGB Percent	7.1, 14.1, 66.7	`rgb(7.1%,14.1%,66.7%)`
CMYK	89, 79, 0, 33
HSL	232.9°, 80.9, 36.9	`hsl(232.9,80.9%,36.9%)`
HSV (or HSB)	232.9°, 89.4, 66.7
Web Safe	003399	`#003399`

CIE-LAB	24.614, 45.283, -71.313
XYZ	8.135, 4.292, 38.428
xyY	0.16, 0.084, 4.292
CIE-LCH	24.614, 84.476, 302.415
CIE-LUV	24.614, -7.865, -84.043
Hunter-Lab	20.717, 33.833, -95.473
Binary	00010010, 00100100, 10101010

#1224aa
```
#1224aa rgb(18,36,170)
```
#aa9812
```
#aa9812 rgb(170,152,18)
```

Complementary Color

#1270aa
```
#1270aa rgb(18,112,170)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#4c12aa
```
#4c12aa rgb(76,18,170)
```

Analogous Color

#70aa12
```
#70aa12 rgb(112,170,18)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#aa4c12
```
#aa4c12 rgb(170,76,18)
```

Split Complementary Color

#24aa12
```
#24aa12 rgb(36,170,18)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#aa1224
```
#aa1224 rgb(170,18,36)
```

Triadic Color

#12aa98
```
#12aa98 rgb(18,170,152)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#aa1224
```
#aa1224 rgb(170,18,36)
```
#aa9812
```
#aa9812 rgb(170,152,18)
```

Tetradic Color

#0b1565
```
#0b1565 rgb(11,21,101)
```
#0d1a7c
```
#0d1a7c rgb(13,26,124)
```
#101f93
```
#101f93 rgb(16,31,147)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#1429c1
```
#1429c1 rgb(20,41,193)
```
#172ed8
```
#172ed8 rgb(23,46,216)
```
#2139e7
```
#2139e7 rgb(33,57,231)
```

Monochromatic Color

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

#124aaa
```
#124aaa rgb(18,74,170)
```
#123daa
```
#123daa rgb(18,61,170)
```
#1231aa
```
#1231aa rgb(18,49,170)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#1217aa
```
#1217aa rgb(18,23,170)
```
#1912aa
```
#1912aa rgb(25,18,170)
```
#2612aa
```
#2612aa rgb(38,18,170)
```

Similar Colors

Text with hexadecimal color #1224aa

This text has a font color of #1224aa.

<span style="color:#1224aa;">Text here</span>

#1224aa background color

This paragraph has a background color of #1224aa.

<p style="background-color:#1224aa;">Content here</p>

#1224aa border color

This element has a border color of #1224aa.

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

CSS codes

.text {color:#1224aa;}

.background {background-color:#1224aa;}

.border {border:1px solid #1224aa;}

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 #f8f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#03061c
```
#03061c rgb(3,6,28)
```
#050a2e
```
#050a2e rgb(5,10,46)
```
#070d40
```
#070d40 rgb(7,13,64)
```
#091151
```
#091151 rgb(9,17,81)
```
#0a1563
```
#0a1563 rgb(10,21,99)
```
#0c1975
```
#0c1975 rgb(12,25,117)
```
#0e1c87
```
#0e1c87 rgb(14,28,135)
```
#102098
```
#102098 rgb(16,32,152)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#1428bc
```
#1428bc rgb(20,40,188)
```
#162ccd
```
#162ccd rgb(22,44,205)
```
#182fdf
```
#182fdf rgb(24,47,223)
```

Shade Color Variation

#233ae8
```
#233ae8 rgb(35,58,232)
```
#354aea
```
#354aea rgb(53,74,234)
```
#465aeb
```
#465aeb rgb(70,90,235)
```
#586aed
```
#586aed rgb(88,106,237)
```
#6a7aef
```
#6a7aef rgb(106,122,239)
```
#7b89f1
```
#7b89f1 rgb(123,137,241)
```
#8d99f3
```
#8d99f3 rgb(141,153,243)
```
#9fa9f5
```
#9fa9f5 rgb(159,169,245)
```
#b1b9f7
```
#b1b9f7 rgb(177,185,247)
```
#c2c9f9
```
#c2c9f9 rgb(194,201,249)
```
#d4d9fa
```
#d4d9fa rgb(212,217,250)
```
#e6e9fc
```
#e6e9fc rgb(230,233,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b62 is the less saturated color, while #0419b8 is the most saturated one.

#5a5b62
```
#5a5b62 rgb(90,91,98)
```
#535669
```
#535669 rgb(83,86,105)
```
#4c5070
```
#4c5070 rgb(76,80,112)
```
#454b77
```
#454b77 rgb(69,75,119)
```
#3d457f
```
#3d457f rgb(61,69,127)
```
#364086
```
#364086 rgb(54,64,134)
```
#2f3a8d
```
#2f3a8d rgb(47,58,141)
```
#283594
```
#283594 rgb(40,53,148)
```
#202f9c
```
#202f9c rgb(32,47,156)
```
#192aa3
```
#192aa3 rgb(25,42,163)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#0b1eb1
```
#0b1eb1 rgb(11,30,177)
```
#0419b8
```
#0419b8 rgb(4,25,184)
```

Tone Color Variation

Below, you can see how #1224aa 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

#2e2e2e Achromatopsia 0.005% of the population
#282c47 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

#063790 Protanomaly 1% of men, 0.01% of women
#063a85 Deuteranomaly 6% of men, 0.4% of women
#063d6f Tritanomaly 0.01% of the population

#1224aa hex color

#1224aa Color Information

#1224aa Color Conversion

Color Schemes with #1224aa

Alternatives to #1224aa

#1224aa Preview

Shades and Tints of #1224aa

Tones of #1224aa

Color Blindness Simulator