#1214ff hex color

In a RGB color space, hex #1214ff is composed of 7.1% red, 7.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 92.2% magenta, 0% yellow and 0% black. It has a hue angle of 239.5 degrees, a saturation of 100% and a lightness of 53.5%. #1214ff color hex could be obtained by blending #2428ff with #0000ff. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 7
- G 8
- B 100
RGB color chart
- C 93
- M 92
- Y 0
- K 0
CMYK color chart

● #1214ff color description : Vivid blue.

The hexadecimal color #1214ff has RGB values of R:18, G:20, B:255 and CMYK values of C:0.93, M:0.92, Y:0, K:0. Its decimal value is 1185023.

Hex triplet	1214ff	`#1214ff`
RGB Decimal	18, 20, 255	`rgb(18,20,255)`
RGB Percent	7.1, 7.8, 100	`rgb(7.1%,7.8%,100%)`
CMYK	93, 92, 0, 0
HSL	239.5°, 100, 53.5	`hsl(239.5,100%,53.5%)`
HSV (or HSB)	239.5°, 92.9, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.663, 75.941, -105.578
XYZ	18.546, 7.847, 95.139
xyY	0.153, 0.065, 7.847
CIE-LCH	33.663, 130.053, 305.727
CIE-LUV	33.663, -9.59, -131.656
Hunter-Lab	28.013, 69.151, -181.753
Binary	00010010, 00010100, 11111111

#1214ff
```
#1214ff rgb(18,20,255)
```
#fffd12
```
#fffd12 rgb(255,253,18)
```

Complementary Color

#128bff
```
#128bff rgb(18,139,255)
```
#1214ff
```
#1214ff rgb(18,20,255)
```
#8712ff
```
#8712ff rgb(135,18,255)
```

Analogous Color

#8bff12
```
#8bff12 rgb(139,255,18)
```
#1214ff
```
#1214ff rgb(18,20,255)
```
#ff8712
```
#ff8712 rgb(255,135,18)
```

Split Complementary Color

#14ff12
```
#14ff12 rgb(20,255,18)
```
#1214ff
```
#1214ff rgb(18,20,255)
```
#ff1214
```
#ff1214 rgb(255,18,20)
```

Triadic Color

#12fffd
```
#12fffd rgb(18,255,253)
```
#1214ff
```
#1214ff rgb(18,20,255)
```
#ff1214
```
#ff1214 rgb(255,18,20)
```
#fffd12
```
#fffd12 rgb(255,253,18)
```

Tetradic Color

#0002c5
```
#0002c5 rgb(0,2,197)
```
#0002de
```
#0002de rgb(0,2,222)
```
#0002f8
```
#0002f8 rgb(0,2,248)
```
#1214ff
```
#1214ff rgb(18,20,255)
```
#2c2dff
```
#2c2dff rgb(44,45,255)
```
#4547ff
```
#4547ff rgb(69,71,255)
```
#5f60ff
```
#5f60ff rgb(95,96,255)
```

Monochromatic Color

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

#124fff
```
#124fff rgb(18,79,255)
```
#123cff
```
#123cff rgb(18,60,255)
```
#1228ff
```
#1228ff rgb(18,40,255)
```
#1214ff
```
#1214ff rgb(18,20,255)
```
#2412ff
```
#2412ff rgb(36,18,255)
```
#3812ff
```
#3812ff rgb(56,18,255)
```
#4b12ff
```
#4b12ff rgb(75,18,255)
```

Similar Colors

Text with hexadecimal color #1214ff

This text has a font color of #1214ff.

<span style="color:#1214ff;">Text here</span>

#1214ff background color

This paragraph has a background color of #1214ff.

<p style="background-color:#1214ff;">Content here</p>

#1214ff border color

This element has a border color of #1214ff.

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

CSS codes

.text {color:#1214ff;}

.background {background-color:#1214ff;}

.border {border:1px solid #1214ff;}

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

#000012
```
#000012 rgb(0,0,18)
```
#000026
```
#000026 rgb(0,0,38)
```
#000039
```
#000039 rgb(0,0,57)
```
#00014d
```
#00014d rgb(0,1,77)
```
#000160
```
#000160 rgb(0,1,96)
```
#000174
```
#000174 rgb(0,1,116)
```
#000188
```
#000188 rgb(0,1,136)
```
#00019b
```
#00019b rgb(0,1,155)
```
#0001af
```
#0001af rgb(0,1,175)
```
#0002c3
```
#0002c3 rgb(0,2,195)
```
#0002d6
```
#0002d6 rgb(0,2,214)
```
#0002ea
```
#0002ea rgb(0,2,234)
```
#0002fd
```
#0002fd rgb(0,2,253)
```

Shade Color Variation

#1214ff
```
#1214ff rgb(18,20,255)
```
#2627ff
```
#2627ff rgb(38,39,255)
```
#393bff
```
#393bff rgb(57,59,255)
```
#4d4eff
```
#4d4eff rgb(77,78,255)
```
#6062ff
```
#6062ff rgb(96,98,255)
```
#7475ff
```
#7475ff rgb(116,117,255)
```
#8889ff
```
#8889ff rgb(136,137,255)
```
#9b9cff
```
#9b9cff rgb(155,156,255)
```
#afb0ff
```
#afb0ff rgb(175,176,255)
```
#c3c3ff
```
#c3c3ff rgb(195,195,255)
```
#d6d6ff
```
#d6d6ff rgb(214,214,255)
```
#eaeaff
```
#eaeaff rgb(234,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8092 is the less saturated color, while #1214ff is the most saturated one.

#7f8092
```
#7f8092 rgb(127,128,146)
```
#76779b
```
#76779b rgb(118,119,155)
```
#6d6ea4
```
#6d6ea4 rgb(109,110,164)
```
#6465ad
```
#6465ad rgb(100,101,173)
```
#5b5cb6
```
#5b5cb6 rgb(91,92,182)
```
#5253bf
```
#5253bf rgb(82,83,191)
```
#494ac8
```
#494ac8 rgb(73,74,200)
```
#4041d1
```
#4041d1 rgb(64,65,209)
```
#3638db
```
#3638db rgb(54,56,219)
```
#2d2fe4
```
#2d2fe4 rgb(45,47,228)
```
#2426ed
```
#2426ed rgb(36,38,237)
```
#1b1df6
```
#1b1df6 rgb(27,29,246)
```
#1214ff
```
#1214ff rgb(18,20,255)
```

Tone Color Variation

Below, you can see how #1214ff 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
#282958 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005b8f Deuteranopia 1% of men
#006164 Tritanopia 0.001% of the population

Trichromacy

#063dc6 Protanomaly 1% of men, 0.01% of women
#0641b7 Deuteranomaly 6% of men, 0.4% of women
#06459c Tritanomaly 0.01% of the population

#1214ff hex color

#1214ff Color Information

#1214ff Color Conversion

Color Schemes with #1214ff

Alternatives to #1214ff

#1214ff Preview

Shades and Tints of #1214ff

Tones of #1214ff

Color Blindness Simulator