#1218f9 hex color

In a RGB color space, hex #1218f9 is composed of 7.1% red, 9.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 90.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 238.4 degrees, a saturation of 95.1% and a lightness of 52.4%. #1218f9 color hex could be obtained by blending #2430ff with #0000f3. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 7
- G 9
- B 98
RGB color chart
- C 93
- M 90
- Y 0
- K 2
CMYK color chart

● #1218f9 color description : Vivid blue.

The hexadecimal color #1218f9 has RGB values of R:18, G:24, B:249 and CMYK values of C:0.93, M:0.9, Y:0, K:0.02. Its decimal value is 1186041.

Hex triplet	1218f9	`#1218f9`
RGB Decimal	18, 24, 249	`rgb(18,24,249)`
RGB Percent	7.1, 9.4, 97.6	`rgb(7.1%,9.4%,97.6%)`
CMYK	93, 90, 0, 2
HSL	238.4°, 95.1, 52.4	`hsl(238.4,95.1%,52.4%)`
HSV (or HSB)	238.4°, 92.8, 97.6
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.179, 73.397, -103.015
XYZ	17.672, 7.62, 90.157
xyY	0.153, 0.066, 7.62
CIE-LCH	33.179, 126.488, 305.47
CIE-LUV	33.179, -9.574, -128.502
Hunter-Lab	27.604, 65.963, -174.319
Binary	00010010, 00011000, 11111001

#1218f9
```
#1218f9 rgb(18,24,249)
```
#f9f312
```
#f9f312 rgb(249,243,18)
```

Complementary Color

#128cf9
```
#128cf9 rgb(18,140,249)
```
#1218f9
```
#1218f9 rgb(18,24,249)
```
#8012f9
```
#8012f9 rgb(128,18,249)
```

Analogous Color

#8cf912
```
#8cf912 rgb(140,249,18)
```
#1218f9
```
#1218f9 rgb(18,24,249)
```
#f98012
```
#f98012 rgb(249,128,18)
```

Split Complementary Color

#18f912
```
#18f912 rgb(24,249,18)
```
#1218f9
```
#1218f9 rgb(18,24,249)
```
#f91218
```
#f91218 rgb(249,18,24)
```

Triadic Color

#12f9f3
```
#12f9f3 rgb(18,249,243)
```
#1218f9
```
#1218f9 rgb(18,24,249)
```
#f91218
```
#f91218 rgb(249,18,24)
```
#f9f312
```
#f9f312 rgb(249,243,18)
```

Tetradic Color

#0509ba
```
#0509ba rgb(5,9,186)
```
#050bd3
```
#050bd3 rgb(5,11,211)
```
#060cec
```
#060cec rgb(6,12,236)
```
#1218f9
```
#1218f9 rgb(18,24,249)
```
#2b30fa
```
#2b30fa rgb(43,48,250)
```
#4448fa
```
#4448fa rgb(68,72,250)
```
#5d61fb
```
#5d61fb rgb(93,97,251)
```

Monochromatic Color

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

#1252f9
```
#1252f9 rgb(18,82,249)
```
#123ff9
```
#123ff9 rgb(18,63,249)
```
#122bf9
```
#122bf9 rgb(18,43,249)
```
#1218f9
```
#1218f9 rgb(18,24,249)
```
#1f12f9
```
#1f12f9 rgb(31,18,249)
```
#3312f9
```
#3312f9 rgb(51,18,249)
```
#4612f9
```
#4612f9 rgb(70,18,249)
```

Similar Colors

Text with hexadecimal color #1218f9

This text has a font color of #1218f9.

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

#1218f9 background color

This paragraph has a background color of #1218f9.

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

#1218f9 border color

This element has a border color of #1218f9.

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

CSS codes

.text {color:#1218f9;}

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

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

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, #00010c is the darkest color, while #f8f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#01021f
```
#01021f rgb(1,2,31)
```
#010332
```
#010332 rgb(1,3,50)
```
#020345
```
#020345 rgb(2,3,69)
```
#020458
```
#020458 rgb(2,4,88)
```
#03056b
```
#03056b rgb(3,5,107)
```
#03067e
```
#03067e rgb(3,6,126)
```
#040792
```
#040792 rgb(4,7,146)
```
#0408a5
```
#0408a5 rgb(4,8,165)
```
#0509b8
```
#0509b8 rgb(5,9,184)
```
#050acb
```
#050acb rgb(5,10,203)
```
#060bde
```
#060bde rgb(6,11,222)
```
#060cf1
```
#060cf1 rgb(6,12,241)
```

Shade Color Variation

#1218f9
```
#1218f9 rgb(18,24,249)
```
#252bf9
```
#252bf9 rgb(37,43,249)
```
#383dfa
```
#383dfa rgb(56,61,250)
```
#4b50fa
```
#4b50fa rgb(75,80,250)
```
#5f63fb
```
#5f63fb rgb(95,99,251)
```
#7275fb
```
#7275fb rgb(114,117,251)
```
#8588fc
```
#8588fc rgb(133,136,252)
```
#989bfc
```
#989bfc rgb(152,155,252)
```
#abadfd
```
#abadfd rgb(171,173,253)
```
#bec0fd
```
#bec0fd rgb(190,192,253)
```
#d1d2fe
```
#d1d2fe rgb(209,210,254)
```
#e4e5fe
```
#e4e5fe rgb(228,229,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828289 is the less saturated color, while #1218f9 is the most saturated one.

#828289
```
#828289 rgb(130,130,137)
```
#797992
```
#797992 rgb(121,121,146)
```
#6f719c
```
#6f719c rgb(111,113,156)
```
#6668a5
```
#6668a5 rgb(102,104,165)
```
#5d5fae
```
#5d5fae rgb(93,95,174)
```
#5356b8
```
#5356b8 rgb(83,86,184)
```
#4a4dc1
```
#4a4dc1 rgb(74,77,193)
```
#4144ca
```
#4144ca rgb(65,68,202)
```
#373bd4
```
#373bd4 rgb(55,59,212)
```
#2e33dd
```
#2e33dd rgb(46,51,221)
```
#252ae6
```
#252ae6 rgb(37,42,230)
```
#1b21f0
```
#1b21f0 rgb(27,33,240)
```
#1218f9
```
#1218f9 rgb(18,24,249)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2a2b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#006063 Tritanopia 0.001% of the population

Trichromacy

#063ec3 Protanomaly 1% of men, 0.01% of women
#0641b4 Deuteranomaly 6% of men, 0.4% of women
#064599 Tritanomaly 0.01% of the population

#1218f9 hex color

#1218f9 Color Information

#1218f9 Color Conversion

Color Schemes with #1218f9

Alternatives to #1218f9

#1218f9 Preview

Shades and Tints of #1218f9

Tones of #1218f9

Color Blindness Simulator