#0311f2 hex color

In a RGB color space, hex #0311f2 is composed of 1.2% red, 6.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 93% magenta, 0% yellow and 5.1% black. It has a hue angle of 236.5 degrees, a saturation of 97.6% and a lightness of 48%. #0311f2 color hex could be obtained by blending #0622ff with #0000e5. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 1
- G 7
- B 95
RGB color chart
- C 99
- M 93
- Y 0
- K 5
CMYK color chart

● #0311f2 color description : Vivid blue.

The hexadecimal color #0311f2 has RGB values of R:3, G:17, B:242 and CMYK values of C:0.99, M:0.93, Y:0, K:0.05. Its decimal value is 201202.

Hex triplet	0311f2	`#0311f2`
RGB Decimal	3, 17, 242	`rgb(3,17,242)`
RGB Percent	1.2, 6.7, 94.9	`rgb(1.2%,6.7%,94.9%)`
CMYK	99, 93, 0, 5
HSL	236.5°, 97.6, 48	`hsl(236.5,97.6%,48%)`
HSV (or HSB)	236.5°, 98.8, 94.9
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.416, 73.195, -102.012
XYZ	16.262, 6.83, 84.461
xyY	0.151, 0.064, 6.83
CIE-LCH	31.416, 125.555, 305.66
CIE-LUV	31.416, -9.403, -123.806
Hunter-Lab	26.134, 65.338, -173.323
Binary	00000011, 00010001, 11110010

#0311f2
```
#0311f2 rgb(3,17,242)
```
#f2e403
```
#f2e403 rgb(242,228,3)
```

Complementary Color

#0389f2
```
#0389f2 rgb(3,137,242)
```
#0311f2
```
#0311f2 rgb(3,17,242)
```
#6d03f2
```
#6d03f2 rgb(109,3,242)
```

Analogous Color

#89f203
```
#89f203 rgb(137,242,3)
```
#0311f2
```
#0311f2 rgb(3,17,242)
```
#f26d03
```
#f26d03 rgb(242,109,3)
```

Split Complementary Color

#11f203
```
#11f203 rgb(17,242,3)
```
#0311f2
```
#0311f2 rgb(3,17,242)
```
#f20311
```
#f20311 rgb(242,3,17)
```

Triadic Color

#03f2e4
```
#03f2e4 rgb(3,242,228)
```
#0311f2
```
#0311f2 rgb(3,17,242)
```
#f20311
```
#f20311 rgb(242,3,17)
```
#f2e403
```
#f2e403 rgb(242,228,3)
```

Tetradic Color

#020ca6
```
#020ca6 rgb(2,12,166)
```
#020dc0
```
#020dc0 rgb(2,13,192)
```
#030fd9
```
#030fd9 rgb(3,15,217)
```
#0311f2
```
#0311f2 rgb(3,17,242)
```
#1220fc
```
#1220fc rgb(18,32,252)
```
#2c38fc
```
#2c38fc rgb(44,56,252)
```
#4550fd
```
#4550fd rgb(69,80,253)
```

Monochromatic Color

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

#034df2
```
#034df2 rgb(3,77,242)
```
#0339f2
```
#0339f2 rgb(3,57,242)
```
#0325f2
```
#0325f2 rgb(3,37,242)
```
#0311f2
```
#0311f2 rgb(3,17,242)
```
#0903f2
```
#0903f2 rgb(9,3,242)
```
#1d03f2
```
#1d03f2 rgb(29,3,242)
```
#3103f2
```
#3103f2 rgb(49,3,242)
```

Similar Colors

Text with hexadecimal color #0311f2

This text has a font color of #0311f2.

<span style="color:#0311f2;">Text here</span>

#0311f2 background color

This paragraph has a background color of #0311f2.

<p style="background-color:#0311f2;">Content here</p>

#0311f2 border color

This element has a border color of #0311f2.

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

CSS codes

.text {color:#0311f2;}

.background {background-color:#0311f2;}

.border {border:1px solid #0311f2;}

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

#000109
```
#000109 rgb(0,1,9)
```
#00021d
```
#00021d rgb(0,2,29)
```
#010330
```
#010330 rgb(1,3,48)
```
#010544
```
#010544 rgb(1,5,68)
```
#010657
```
#010657 rgb(1,6,87)
```
#01076a
```
#01076a rgb(1,7,106)
```
#02097e
```
#02097e rgb(2,9,126)
```
#020a91
```
#020a91 rgb(2,10,145)
```
#020ca4
```
#020ca4 rgb(2,12,164)
```
#020db8
```
#020db8 rgb(2,13,184)
```
#030ecb
```
#030ecb rgb(3,14,203)
```
#0310df
```
#0310df rgb(3,16,223)
```
#0311f2
```
#0311f2 rgb(3,17,242)
```

Shade Color Variation

#0d1bfc
```
#0d1bfc rgb(13,27,252)
```
#202dfc
```
#202dfc rgb(32,45,252)
```
#333ffc
```
#333ffc rgb(51,63,252)
```
#4751fd
```
#4751fd rgb(71,81,253)
```
#5a64fd
```
#5a64fd rgb(90,100,253)
```
#6d76fd
```
#6d76fd rgb(109,118,253)
```
#8188fd
```
#8188fd rgb(129,136,253)
```
#949afe
```
#949afe rgb(148,154,254)
```
#a8adfe
```
#a8adfe rgb(168,173,254)
```
#bbbffe
```
#bbbffe rgb(187,191,254)
```
#ced1fe
```
#ced1fe rgb(206,209,254)
```
#e2e3ff
```
#e2e3ff rgb(226,227,255)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#747581
```
#747581 rgb(116,117,129)
```
#6b6d8a
```
#6b6d8a rgb(107,109,138)
```
#616494
```
#616494 rgb(97,100,148)
```
#585c9d
```
#585c9d rgb(88,92,157)
```
#4e54a7
```
#4e54a7 rgb(78,84,167)
```
#454bb0
```
#454bb0 rgb(69,75,176)
```
#3c43b9
```
#3c43b9 rgb(60,67,185)
```
#323bc3
```
#323bc3 rgb(50,59,195)
```
#2932cc
```
#2932cc rgb(41,50,204)
```
#1f2ad6
```
#1f2ad6 rgb(31,42,214)
```
#1622df
```
#1622df rgb(22,34,223)
```
#0c19e9
```
#0c19e9 rgb(12,25,233)
```
#0311f2
```
#0311f2 rgb(3,17,242)
```

Tone Color Variation

Below, you can see how #0311f2 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

#262626 Achromatopsia 0.005% of the population
#1f224f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0139bb Protanomaly 1% of men, 0.01% of women
#013cae Deuteranomaly 6% of men, 0.4% of women
#014094 Tritanomaly 0.01% of the population

#0311f2 hex color

#0311f2 Color Information

#0311f2 Color Conversion

Color Schemes with #0311f2

Alternatives to #0311f2

#0311f2 Preview

Shades and Tints of #0311f2

Tones of #0311f2

Color Blindness Simulator