#3064fd hex color

In a RGB color space, hex #3064fd is composed of 18.8% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.8 degrees, a saturation of 98.1% and a lightness of 59%. #3064fd color hex could be obtained by blending #60c8ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 39
- B 99
RGB color chart
- C 81
- M 60
- Y 0
- K 1
CMYK color chart

● #3064fd color description : Bright blue.

The hexadecimal color #3064fd has RGB values of R:48, G:100, B:253 and CMYK values of C:0.81, M:0.6, Y:0, K:0.01. Its decimal value is 3171581.

Hex triplet	3064fd	`#3064fd`
RGB Decimal	48, 100, 253	`rgb(48,100,253)`
RGB Percent	18.8, 39.2, 99.2	`rgb(18.8%,39.2%,99.2%)`
CMYK	81, 60, 0, 1
HSL	224.8°, 98.1, 59	`hsl(224.8,98.1%,59%)`
HSV (or HSB)	224.8°, 81, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.049, 37.756, -80.637
XYZ	23.502, 16.833, 94.934
xyY	0.174, 0.124, 16.833
CIE-LCH	48.049, 89.039, 295.09
CIE-LUV	48.049, -18.868, -123.798
Hunter-Lab	41.028, 30.452, -108.471
Binary	00110000, 01100100, 11111101

#3064fd
```
#3064fd rgb(48,100,253)
```
#fdc930
```
#fdc930 rgb(253,201,48)
```

Complementary Color

#30cbfd
```
#30cbfd rgb(48,203,253)
```
#3064fd
```
#3064fd rgb(48,100,253)
```
#6330fd
```
#6330fd rgb(99,48,253)
```

Analogous Color

#cbfd30
```
#cbfd30 rgb(203,253,48)
```
#3064fd
```
#3064fd rgb(48,100,253)
```
#fd6330
```
#fd6330 rgb(253,99,48)
```

Split Complementary Color

#64fd30
```
#64fd30 rgb(100,253,48)
```
#3064fd
```
#3064fd rgb(48,100,253)
```
#fd3064
```
#fd3064 rgb(253,48,100)
```

Triadic Color

#30fdc9
```
#30fdc9 rgb(48,253,201)
```
#3064fd
```
#3064fd rgb(48,100,253)
```
#fd3064
```
#fd3064 rgb(253,48,100)
```
#fdc930
```
#fdc930 rgb(253,201,48)
```

Tetradic Color

#023ade
```
#023ade rgb(2,58,222)
```
#0241f8
```
#0241f8 rgb(2,65,248)
```
#1751fd
```
#1751fd rgb(23,81,253)
```
#3064fd
```
#3064fd rgb(48,100,253)
```
#4977fd
```
#4977fd rgb(73,119,253)
```
#638afd
```
#638afd rgb(99,138,253)
```
#7c9dfe
```
#7c9dfe rgb(124,157,254)
```

Monochromatic Color

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

#3097fd
```
#3097fd rgb(48,151,253)
```
#3086fd
```
#3086fd rgb(48,134,253)
```
#3075fd
```
#3075fd rgb(48,117,253)
```
#3064fd
```
#3064fd rgb(48,100,253)
```
#3053fd
```
#3053fd rgb(48,83,253)
```
#3042fd
```
#3042fd rgb(48,66,253)
```
#3031fd
```
#3031fd rgb(48,49,253)
```

Similar Colors

Text with hexadecimal color #3064fd

This text has a font color of #3064fd.

<span style="color:#3064fd;">Text here</span>

#3064fd background color

This paragraph has a background color of #3064fd.

<p style="background-color:#3064fd;">Content here</p>

#3064fd border color

This element has a border color of #3064fd.

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

CSS codes

.text {color:#3064fd;}

.background {background-color:#3064fd;}

.border {border:1px solid #3064fd;}

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

#000207
```
#000207 rgb(0,2,7)
```
#00071a
```
#00071a rgb(0,7,26)
```
#000c2e
```
#000c2e rgb(0,12,46)
```
#011141
```
#011141 rgb(1,17,65)
```
#011654
```
#011654 rgb(1,22,84)
```
#011b68
```
#011b68 rgb(1,27,104)
```
#01207b
```
#01207b rgb(1,32,123)
```
#01258f
```
#01258f rgb(1,37,143)
```
#022aa2
```
#022aa2 rgb(2,42,162)
```
#022fb6
```
#022fb6 rgb(2,47,182)
```
#0234c9
```
#0234c9 rgb(2,52,201)
```
#0239dc
```
#0239dc rgb(2,57,220)
```
#023ff0
```
#023ff0 rgb(2,63,240)
```

Shade Color Variation

#0947fd
```
#0947fd rgb(9,71,253)
```
#1d55fd
```
#1d55fd rgb(29,85,253)
```
#3064fd
```
#3064fd rgb(48,100,253)
```
#4373fd
```
#4373fd rgb(67,115,253)
```
#5781fd
```
#5781fd rgb(87,129,253)
```
#6a90fe
```
#6a90fe rgb(106,144,254)
```
#7e9efe
```
#7e9efe rgb(126,158,254)
```
#91adfe
```
#91adfe rgb(145,173,254)
```
#a5bbfe
```
#a5bbfe rgb(165,187,254)
```
#b8cafe
```
#b8cafe rgb(184,202,254)
```
#cbd8ff
```
#cbd8ff rgb(203,216,255)
```
#dfe7ff
```
#dfe7ff rgb(223,231,255)
```
#f2f5ff
```
#f2f5ff rgb(242,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90949d is the less saturated color, while #3064fd is the most saturated one.

#90949d
```
#90949d rgb(144,148,157)
```
#8890a5
```
#8890a5 rgb(136,144,165)
```
#808cad
```
#808cad rgb(128,140,173)
```
#7888b5
```
#7888b5 rgb(120,136,181)
```
#7084bd
```
#7084bd rgb(112,132,189)
```
#6880c5
```
#6880c5 rgb(104,128,197)
```
#607ccd
```
#607ccd rgb(96,124,205)
```
#5878d5
```
#5878d5 rgb(88,120,213)
```
#5074dd
```
#5074dd rgb(80,116,221)
```
#4870e5
```
#4870e5 rgb(72,112,229)
```
#406ced
```
#406ced rgb(64,108,237)
```
#3868f5
```
#3868f5 rgb(56,104,245)
```
#3064fd
```
#3064fd rgb(48,100,253)
```

Tone Color Variation

Below, you can see how #3064fd 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

#666666 Achromatopsia 0.005% of the population
#5b6684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#116fee Protanomaly 1% of men, 0.01% of women
#1173db Deuteranomaly 6% of men, 0.4% of women
#1179b5 Tritanomaly 0.01% of the population

#3064fd hex color

#3064fd Color Information

#3064fd Color Conversion

Color Schemes with #3064fd

Alternatives to #3064fd

#3064fd Preview

Shades and Tints of #3064fd

Tones of #3064fd

Color Blindness Simulator