#1218b3 hex color

In a RGB color space, hex #1218b3 is composed of 7.1% red, 9.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 86.6% magenta, 0% yellow and 29.8% black. It has a hue angle of 237.8 degrees, a saturation of 81.7% and a lightness of 38.6%. #1218b3 color hex could be obtained by blending #2430ff with #000067. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 7
- G 9
- B 70
RGB color chart
- C 90
- M 87
- Y 0
- K 30
CMYK color chart

● #1218b3 color description : Strong blue.

The hexadecimal color #1218b3 has RGB values of R:18, G:24, B:179 and CMYK values of C:0.9, M:0.87, Y:0, K:0.3. Its decimal value is 1185971.

Hex triplet	1218b3	`#1218b3`
RGB Decimal	18, 24, 179	`rgb(18,24,179)`
RGB Percent	7.1, 9.4, 70.2	`rgb(7.1%,9.4%,70.2%)`
CMYK	90, 87, 0, 30
HSL	237.8°, 81.7, 38.6	`hsl(237.8,81.7%,38.6%)`
HSV (or HSB)	237.8°, 89.9, 70.2
Web Safe	0000cc	`#0000cc`

CIE-LAB	23.79, 53.925, -78.092
XYZ	8.711, 4.036, 42.965
xyY	0.156, 0.072, 4.036
CIE-LCH	23.79, 94.901, 304.626
CIE-LUV	23.79, -6.8, -88.148
Hunter-Lab	20.09, 42.244, -112.74
Binary	00010010, 00011000, 10110011

#1218b3
```
#1218b3 rgb(18,24,179)
```
#b3ad12
```
#b3ad12 rgb(179,173,18)
```

Complementary Color

#1269b3
```
#1269b3 rgb(18,105,179)
```
#1218b3
```
#1218b3 rgb(18,24,179)
```
#5c12b3
```
#5c12b3 rgb(92,18,179)
```

Analogous Color

#69b312
```
#69b312 rgb(105,179,18)
```
#1218b3
```
#1218b3 rgb(18,24,179)
```
#b35c12
```
#b35c12 rgb(179,92,18)
```

Split Complementary Color

#18b312
```
#18b312 rgb(24,179,18)
```
#1218b3
```
#1218b3 rgb(18,24,179)
```
#b31218
```
#b31218 rgb(179,18,24)
```

Triadic Color

#12b3ad
```
#12b3ad rgb(18,179,173)
```
#1218b3
```
#1218b3 rgb(18,24,179)
```
#b31218
```
#b31218 rgb(179,18,24)
```
#b3ad12
```
#b3ad12 rgb(179,173,18)
```

Tetradic Color

#0b0f6d
```
#0b0f6d rgb(11,15,109)
```
#0d1285
```
#0d1285 rgb(13,18,133)
```
#10159c
```
#10159c rgb(16,21,156)
```
#1218b3
```
#1218b3 rgb(18,24,179)
```
#141bca
```
#141bca rgb(20,27,202)
```
#171ee1
```
#171ee1 rgb(23,30,225)
```
#282fe9
```
#282fe9 rgb(40,47,233)
```

Monochromatic Color

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

#1240b3
```
#1240b3 rgb(18,64,179)
```
#1233b3
```
#1233b3 rgb(18,51,179)
```
#1225b3
```
#1225b3 rgb(18,37,179)
```
#1218b3
```
#1218b3 rgb(18,24,179)
```
#1912b3
```
#1912b3 rgb(25,18,179)
```
#2712b3
```
#2712b3 rgb(39,18,179)
```
#3412b3
```
#3412b3 rgb(52,18,179)
```

Similar Colors

Text with hexadecimal color #1218b3

This text has a font color of #1218b3.

<span style="color:#1218b3;">Text here</span>

#1218b3 background color

This paragraph has a background color of #1218b3.

<p style="background-color:#1218b3;">Content here</p>

#1218b3 border color

This element has a border color of #1218b3.

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

CSS codes

.text {color:#1218b3;}

.background {background-color:#1218b3;}

.border {border:1px solid #1218b3;}

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

#000001
```
#000001 rgb(0,0,1)
```
#020213
```
#020213 rgb(2,2,19)
```
#040524
```
#040524 rgb(4,5,36)
```
#050736
```
#050736 rgb(5,7,54)
```
#070a48
```
#070a48 rgb(7,10,72)
```
#090c5a
```
#090c5a rgb(9,12,90)
```
#0b0e6c
```
#0b0e6c rgb(11,14,108)
```
#0d117e
```
#0d117e rgb(13,17,126)
```
#0e138f
```
#0e138f rgb(14,19,143)
```
#1016a1
```
#1016a1 rgb(16,22,161)
```
#1218b3
```
#1218b3 rgb(18,24,179)
```
#141ac5
```
#141ac5 rgb(20,26,197)
```
#161dd7
```
#161dd7 rgb(22,29,215)
```

Shade Color Variation

#1820e8
```
#1820e8 rgb(24,32,232)
```
#2a31ea
```
#2a31ea rgb(42,49,234)
```
#3c42eb
```
#3c42eb rgb(60,66,235)
```
#4e53ed
```
#4e53ed rgb(78,83,237)
```
#5f65ef
```
#5f65ef rgb(95,101,239)
```
#7176f1
```
#7176f1 rgb(113,118,241)
```
#8387f3
```
#8387f3 rgb(131,135,243)
```
#9598f4
```
#9598f4 rgb(149,152,244)
```
#a7aaf6
```
#a7aaf6 rgb(167,170,246)
```
#b8bbf8
```
#b8bbf8 rgb(184,187,248)
```
#caccfa
```
#caccfa rgb(202,204,250)
```
#dcddfb
```
#dcddfb rgb(220,221,251)
```
#eeeffd
```
#eeeffd rgb(238,239,253)
```

Tint Color Variation

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

#5e5e67
```
#5e5e67 rgb(94,94,103)
```
#56576f
```
#56576f rgb(86,87,111)
```
#4f5076
```
#4f5076 rgb(79,80,118)
```
#47497e
```
#47497e rgb(71,73,126)
```
#3f4286
```
#3f4286 rgb(63,66,134)
```
#383b8d
```
#383b8d rgb(56,59,141)
```
#303495
```
#303495 rgb(48,52,149)
```
#292d9c
```
#292d9c rgb(41,45,156)
```
#2126a4
```
#2126a4 rgb(33,38,164)
```
#1a1fab
```
#1a1fab rgb(26,31,171)
```
#1218b3
```
#1218b3 rgb(18,24,179)
```
#0a11bb
```
#0a11bb rgb(10,17,187)
```
#030ac2
```
#030ac2 rgb(3,10,194)
```

Tone Color Variation

Below, you can see how #1218b3 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

#282828 Achromatopsia 0.005% of the population
#242544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00446c Deuteranopia 1% of men
#00494c Tritanopia 0.001% of the population

Trichromacy

#063291 Protanomaly 1% of men, 0.01% of women
#063486 Deuteranomaly 6% of men, 0.4% of women
#063771 Tritanomaly 0.01% of the population

#1218b3 hex color

#1218b3 Color Information

#1218b3 Color Conversion

Color Schemes with #1218b3

Alternatives to #1218b3

#1218b3 Preview

Shades and Tints of #1218b3

Tones of #1218b3

Color Blindness Simulator