#0334ff hex color

In a RGB color space, hex #0334ff is composed of 1.2% red, 20.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 79.6% magenta, 0% yellow and 0% black. It has a hue angle of 228.3 degrees, a saturation of 100% and a lightness of 50.6%. #0334ff color hex could be obtained by blending #0668ff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 20
- B 100
RGB color chart
- C 99
- M 80
- Y 0
- K 0
CMYK color chart

● #0334ff color description : Vivid blue.

The hexadecimal color #0334ff has RGB values of R:3, G:52, B:255 and CMYK values of C:0.99, M:0.8, Y:0, K:0. Its decimal value is 210175.

Hex triplet	0334ff	`#0334ff`
RGB Decimal	3, 52, 255	`rgb(3,52,255)`
RGB Percent	1.2, 20.4, 100	`rgb(1.2%,20.4%,100%)`
CMYK	99, 80, 0, 0
HSL	228.3°, 100, 50.6	`hsl(228.3,100%,50.6%)`
HSV (or HSB)	228.3°, 98.8, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	37.287, 64.259, -99.541
XYZ	19.312, 9.694, 95.455
xyY	0.155, 0.078, 9.694
CIE-LCH	37.287, 118.48, 302.844
CIE-LUV	37.287, -12.89, -133.266
Hunter-Lab	31.135, 56.232, -159.981
Binary	00000011, 00110100, 11111111

#0334ff
```
#0334ff rgb(3,52,255)
```
#ffce03
```
#ffce03 rgb(255,206,3)
```

Complementary Color

#03b2ff
```
#03b2ff rgb(3,178,255)
```
#0334ff
```
#0334ff rgb(3,52,255)
```
#5003ff
```
#5003ff rgb(80,3,255)
```

Analogous Color

#b2ff03
```
#b2ff03 rgb(178,255,3)
```
#0334ff
```
#0334ff rgb(3,52,255)
```
#ff5003
```
#ff5003 rgb(255,80,3)
```

Split Complementary Color

#34ff03
```
#34ff03 rgb(52,255,3)
```
#0334ff
```
#0334ff rgb(3,52,255)
```
#ff0334
```
#ff0334 rgb(255,3,52)
```

Triadic Color

#03ffce
```
#03ffce rgb(3,255,206)
```
#0334ff
```
#0334ff rgb(3,52,255)
```
#ff0334
```
#ff0334 rgb(255,3,52)
```
#ffce03
```
#ffce03 rgb(255,206,3)
```

Tetradic Color

#0023b6
```
#0023b6 rgb(0,35,182)
```
#0028cf
```
#0028cf rgb(0,40,207)
```
#002de9
```
#002de9 rgb(0,45,233)
```
#0334ff
```
#0334ff rgb(3,52,255)
```
#1d49ff
```
#1d49ff rgb(29,73,255)
```
#365dff
```
#365dff rgb(54,93,255)
```
#5072ff
```
#5072ff rgb(80,114,255)
```

Monochromatic Color

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

#0373ff
```
#0373ff rgb(3,115,255)
```
#035eff
```
#035eff rgb(3,94,255)
```
#0349ff
```
#0349ff rgb(3,73,255)
```
#0334ff
```
#0334ff rgb(3,52,255)
```
#031fff
```
#031fff rgb(3,31,255)
```
#030aff
```
#030aff rgb(3,10,255)
```
#1103ff
```
#1103ff rgb(17,3,255)
```

Similar Colors

Text with hexadecimal color #0334ff

This text has a font color of #0334ff.

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

#0334ff background color

This paragraph has a background color of #0334ff.

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

#0334ff border color

This element has a border color of #0334ff.

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

CSS codes

.text {color:#0334ff;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000417
```
#000417 rgb(0,4,23)
```
#00082a
```
#00082a rgb(0,8,42)
```
#000c3e
```
#000c3e rgb(0,12,62)
```
#001051
```
#001051 rgb(0,16,81)
```
#001465
```
#001465 rgb(0,20,101)
```
#001779
```
#001779 rgb(0,23,121)
```
#001b8c
```
#001b8c rgb(0,27,140)
```
#001fa0
```
#001fa0 rgb(0,31,160)
```
#0023b4
```
#0023b4 rgb(0,35,180)
```
#0027c7
```
#0027c7 rgb(0,39,199)
```
#002bdb
```
#002bdb rgb(0,43,219)
```
#002eee
```
#002eee rgb(0,46,238)
```

Shade Color Variation

#0334ff
```
#0334ff rgb(3,52,255)
```
#1744ff
```
#1744ff rgb(23,68,255)
```
#2a54ff
```
#2a54ff rgb(42,84,255)
```
#3e63ff
```
#3e63ff rgb(62,99,255)
```
#5173ff
```
#5173ff rgb(81,115,255)
```
#6583ff
```
#6583ff rgb(101,131,255)
```
#7993ff
```
#7993ff rgb(121,147,255)
```
#8ca3ff
```
#8ca3ff rgb(140,163,255)
```
#a0b2ff
```
#a0b2ff rgb(160,178,255)
```
#b4c2ff
```
#b4c2ff rgb(180,194,255)
```
#c7d2ff
```
#c7d2ff rgb(199,210,255)
```
#dbe2ff
```
#dbe2ff rgb(219,226,255)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Tint Color Variation

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

#777b8b
```
#777b8b rgb(119,123,139)
```
#6e7594
```
#6e7594 rgb(110,117,148)
```
#646f9e
```
#646f9e rgb(100,111,158)
```
#5a69a8
```
#5a69a8 rgb(90,105,168)
```
#5163b1
```
#5163b1 rgb(81,99,177)
```
#475dbb
```
#475dbb rgb(71,93,187)
```
#3d58c5
```
#3d58c5 rgb(61,88,197)
```
#3352cf
```
#3352cf rgb(51,82,207)
```
#2a4cd8
```
#2a4cd8 rgb(42,76,216)
```
#2046e2
```
#2046e2 rgb(32,70,226)
```
#1640ec
```
#1640ec rgb(22,64,236)
```
#0d3af5
```
#0d3af5 rgb(13,58,245)
```
#0334ff
```
#0334ff rgb(3,52,255)
```

Tone Color Variation

Below, you can see how #0334ff 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

#3c3c3c Achromatopsia 0.005% of the population
#313a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00639c Deuteranopia 1% of men
#006a6e Tritanopia 0.001% of the population

Trichromacy

#014ed0 Protanomaly 1% of men, 0.01% of women
#0152c0 Deuteranomaly 6% of men, 0.4% of women
#0156a3 Tritanomaly 0.01% of the population

#0334ff hex color

#0334ff Color Information

#0334ff Color Conversion

Color Schemes with #0334ff

Alternatives to #0334ff

#0334ff Preview

Shades and Tints of #0334ff

Tones of #0334ff

Color Blindness Simulator