#0214f0 hex color

In a RGB color space, hex #0214f0 is composed of 0.8% red, 7.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 91.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 235.5 degrees, a saturation of 98.3% and a lightness of 47.5%. #0214f0 color hex could be obtained by blending #0428ff with #0000e1. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 1
- G 8
- B 94
RGB color chart
- C 99
- M 92
- Y 0
- K 6
CMYK color chart

● #0214f0 color description : Vivid blue.

The hexadecimal color #0214f0 has RGB values of R:2, G:20, B:240 and CMYK values of C:0.99, M:0.92, Y:0, K:0.06. Its decimal value is 136432.

Hex triplet	0214f0	`#0214f0`
RGB Decimal	2, 20, 240	`rgb(2,20,240)`
RGB Percent	0.8, 7.8, 94.1	`rgb(0.8%,7.8%,94.1%)`
CMYK	99, 92, 0, 6
HSL	235.5°, 98.3, 47.5	`hsl(235.5,98.3%,47.5%)`
HSV (or HSB)	235.5°, 99.2, 94.1
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.355, 71.964, -100.982
XYZ	16, 6.803, 82.903
xyY	0.151, 0.064, 6.803
CIE-LCH	31.355, 124, 305.475
CIE-LUV	31.355, -9.512, -122.85
Hunter-Lab	26.083, 63.853, -170.192
Binary	00000010, 00010100, 11110000

#0214f0
```
#0214f0 rgb(2,20,240)
```
#f0de02
```
#f0de02 rgb(240,222,2)
```

Complementary Color

#028bf0
```
#028bf0 rgb(2,139,240)
```
#0214f0
```
#0214f0 rgb(2,20,240)
```
#6702f0
```
#6702f0 rgb(103,2,240)
```

Analogous Color

#8bf002
```
#8bf002 rgb(139,240,2)
```
#0214f0
```
#0214f0 rgb(2,20,240)
```
#f06702
```
#f06702 rgb(240,103,2)
```

Split Complementary Color

#14f002
```
#14f002 rgb(20,240,2)
```
#0214f0
```
#0214f0 rgb(2,20,240)
```
#f00214
```
#f00214 rgb(240,2,20)
```

Triadic Color

#02f0de
```
#02f0de rgb(2,240,222)
```
#0214f0
```
#0214f0 rgb(2,20,240)
```
#f00214
```
#f00214 rgb(240,2,20)
```
#f0de02
```
#f0de02 rgb(240,222,2)
```

Tetradic Color

#010ea4
```
#010ea4 rgb(1,14,164)
```
#0210bd
```
#0210bd rgb(2,16,189)
```
#0212d7
```
#0212d7 rgb(2,18,215)
```
#0214f0
```
#0214f0 rgb(2,20,240)
```
#0f21fd
```
#0f21fd rgb(15,33,253)
```
#2838fd
```
#2838fd rgb(40,56,253)
```
#414ffd
```
#414ffd rgb(65,79,253)
```

Monochromatic Color

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

#024ff0
```
#024ff0 rgb(2,79,240)
```
#023cf0
```
#023cf0 rgb(2,60,240)
```
#0228f0
```
#0228f0 rgb(2,40,240)
```
#0214f0
```
#0214f0 rgb(2,20,240)
```
#0402f0
```
#0402f0 rgb(4,2,240)
```
#1802f0
```
#1802f0 rgb(24,2,240)
```
#2c02f0
```
#2c02f0 rgb(44,2,240)
```

Similar Colors

Text with hexadecimal color #0214f0

This text has a font color of #0214f0.

<span style="color:#0214f0;">Text here</span>

#0214f0 background color

This paragraph has a background color of #0214f0.

<p style="background-color:#0214f0;">Content here</p>

#0214f0 border color

This element has a border color of #0214f0.

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

CSS codes

.text {color:#0214f0;}

.background {background-color:#0214f0;}

.border {border:1px solid #0214f0;}

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

#000107
```
#000107 rgb(0,1,7)
```
#00021a
```
#00021a rgb(0,2,26)
```
#00042d
```
#00042d rgb(0,4,45)
```
#010541
```
#010541 rgb(1,5,65)
```
#010754
```
#010754 rgb(1,7,84)
```
#010968
```
#010968 rgb(1,9,104)
```
#010a7b
```
#010a7b rgb(1,10,123)
```
#010c8f
```
#010c8f rgb(1,12,143)
```
#010ea2
```
#010ea2 rgb(1,14,162)
```
#020fb6
```
#020fb6 rgb(2,15,182)
```
#0211c9
```
#0211c9 rgb(2,17,201)
```
#0212dd
```
#0212dd rgb(2,18,221)
```
#0214f0
```
#0214f0 rgb(2,20,240)
```

Shade Color Variation

#091bfd
```
#091bfd rgb(9,27,253)
```
#1c2dfd
```
#1c2dfd rgb(28,45,253)
```
#303ffd
```
#303ffd rgb(48,63,253)
```
#4351fd
```
#4351fd rgb(67,81,253)
```
#5663fe
```
#5663fe rgb(86,99,254)
```
#6a75fe
```
#6a75fe rgb(106,117,254)
```
#7d87fe
```
#7d87fe rgb(125,135,254)
```
#9199fe
```
#9199fe rgb(145,153,254)
```
#a4abfe
```
#a4abfe rgb(164,171,254)
```
#b8bdfe
```
#b8bdfe rgb(184,189,254)
```
#cbcfff
```
#cbcfff rgb(203,207,255)
```
#dfe1ff
```
#dfe1ff rgb(223,225,255)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#727380
```
#727380 rgb(114,115,128)
```
#686b8a
```
#686b8a rgb(104,107,138)
```
#5f6393
```
#5f6393 rgb(95,99,147)
```
#565b9c
```
#565b9c rgb(86,91,156)
```
#4c53a6
```
#4c53a6 rgb(76,83,166)
```
#434baf
```
#434baf rgb(67,75,175)
```
#3a43b8
```
#3a43b8 rgb(58,67,184)
```
#313bc1
```
#313bc1 rgb(49,59,193)
```
#2734cb
```
#2734cb rgb(39,52,203)
```
#1e2cd4
```
#1e2cd4 rgb(30,44,212)
```
#1524dd
```
#1524dd rgb(21,36,221)
```
#0b1ce7
```
#0b1ce7 rgb(11,28,231)
```
#0214f0
```
#0214f0 rgb(2,20,240)
```

Tone Color Variation

Below, you can see how #0214f0 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
#202450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#003abb Protanomaly 1% of men, 0.01% of women
#003dad Deuteranomaly 6% of men, 0.4% of women
#004193 Tritanomaly 0.01% of the population

#0214f0 hex color

#0214f0 Color Information

#0214f0 Color Conversion

Color Schemes with #0214f0

Alternatives to #0214f0

#0214f0 Preview

Shades and Tints of #0214f0

Tones of #0214f0

Color Blindness Simulator