#3063fa hex color

In a RGB color space, hex #3063fa is composed of 18.8% red, 38.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 60.4% magenta, 0% yellow and 2% black. It has a hue angle of 224.9 degrees, a saturation of 95.3% and a lightness of 58.4%. #3063fa color hex could be obtained by blending #60c6ff with #0000f5. Closest websafe color is: #3366ff.

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

● #3063fa color description : Bright blue.

The hexadecimal color #3063fa has RGB values of R:48, G:99, B:250 and CMYK values of C:0.81, M:0.6, Y:0, K:0.02. Its decimal value is 3171322.

Hex triplet	3063fa	`#3063fa`
RGB Decimal	48, 99, 250	`rgb(48,99,250)`
RGB Percent	18.8, 38.8, 98	`rgb(18.8%,38.8%,98%)`
CMYK	81, 60, 0, 2
HSL	224.9°, 95.3, 58.4	`hsl(224.9,95.3%,58.4%)`
HSV (or HSB)	224.9°, 80.8, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.563, 37.296, -79.763
XYZ	22.932, 16.452, 92.404
xyY	0.174, 0.125, 16.452
CIE-LCH	47.563, 88.052, 295.06
CIE-LUV	47.563, -18.625, -122.181
Hunter-Lab	40.562, 29.936, -106.677
Binary	00110000, 01100011, 11111010

#3063fa
```
#3063fa rgb(48,99,250)
```
#fac730
```
#fac730 rgb(250,199,48)
```

Complementary Color

#30c8fa
```
#30c8fa rgb(48,200,250)
```
#3063fa
```
#3063fa rgb(48,99,250)
```
#6230fa
```
#6230fa rgb(98,48,250)
```

Analogous Color

#c8fa30
```
#c8fa30 rgb(200,250,48)
```
#3063fa
```
#3063fa rgb(48,99,250)
```
#fa6230
```
#fa6230 rgb(250,98,48)
```

Split Complementary Color

#63fa30
```
#63fa30 rgb(99,250,48)
```
#3063fa
```
#3063fa rgb(48,99,250)
```
#fa3063
```
#fa3063 rgb(250,48,99)
```

Triadic Color

#30fac7
```
#30fac7 rgb(48,250,199)
```
#3063fa
```
#3063fa rgb(48,99,250)
```
#fa3063
```
#fa3063 rgb(250,48,99)
```
#fac730
```
#fac730 rgb(250,199,48)
```

Tetradic Color

#053bd8
```
#053bd8 rgb(5,59,216)
```
#0641f1
```
#0641f1 rgb(6,65,241)
```
#1750f9
```
#1750f9 rgb(23,80,249)
```
#3063fa
```
#3063fa rgb(48,99,250)
```
#4976fb
```
#4976fb rgb(73,118,251)
```
#6289fb
```
#6289fb rgb(98,137,251)
```
#7b9bfc
```
#7b9bfc rgb(123,155,252)
```

Monochromatic Color

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

#3096fa
```
#3096fa rgb(48,150,250)
```
#3085fa
```
#3085fa rgb(48,133,250)
```
#3074fa
```
#3074fa rgb(48,116,250)
```
#3063fa
```
#3063fa rgb(48,99,250)
```
#3052fa
```
#3052fa rgb(48,82,250)
```
#3041fa
```
#3041fa rgb(48,65,250)
```
#3031fa
```
#3031fa rgb(48,49,250)
```

Similar Colors

Text with hexadecimal color #3063fa

This text has a font color of #3063fa.

<span style="color:#3063fa;">Text here</span>

#3063fa background color

This paragraph has a background color of #3063fa.

<p style="background-color:#3063fa;">Content here</p>

#3063fa border color

This element has a border color of #3063fa.

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

CSS codes

.text {color:#3063fa;}

.background {background-color:#3063fa;}

.border {border:1px solid #3063fa;}

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

#000104
```
#000104 rgb(0,1,4)
```
#010617
```
#010617 rgb(1,6,23)
```
#010b2a
```
#010b2a rgb(1,11,42)
```
#01113d
```
#01113d rgb(1,17,61)
```
#021650
```
#021650 rgb(2,22,80)
```
#021b63
```
#021b63 rgb(2,27,99)
```
#032077
```
#032077 rgb(3,32,119)
```
#03258a
```
#03258a rgb(3,37,138)
```
#042a9d
```
#042a9d rgb(4,42,157)
```
#0430b0
```
#0430b0 rgb(4,48,176)
```
#0535c3
```
#0535c3 rgb(5,53,195)
```
#053ad6
```
#053ad6 rgb(5,58,214)
```
#063fea
```
#063fea rgb(6,63,234)
```

Shade Color Variation

#0a46f9
```
#0a46f9 rgb(10,70,249)
```
#1d55fa
```
#1d55fa rgb(29,85,250)
```
#3063fa
```
#3063fa rgb(48,99,250)
```
#4371fa
```
#4371fa rgb(67,113,250)
```
#5680fb
```
#5680fb rgb(86,128,251)
```
#698efb
```
#698efb rgb(105,142,251)
```
#7d9dfc
```
#7d9dfc rgb(125,157,252)
```
#90abfc
```
#90abfc rgb(144,171,252)
```
#a3bafd
```
#a3bafd rgb(163,186,253)
```
#b6c8fd
```
#b6c8fd rgb(182,200,253)
```
#c9d6fe
```
#c9d6fe rgb(201,214,254)
```
#dce5fe
```
#dce5fe rgb(220,229,254)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#929398
```
#929398 rgb(146,147,152)
```
#8a8fa0
```
#8a8fa0 rgb(138,143,160)
```
#828ba8
```
#828ba8 rgb(130,139,168)
```
#7987b1
```
#7987b1 rgb(121,135,177)
```
#7183b9
```
#7183b9 rgb(113,131,185)
```
#697fc1
```
#697fc1 rgb(105,127,193)
```
#617bc9
```
#617bc9 rgb(97,123,201)
```
#5977d1
```
#5977d1 rgb(89,119,209)
```
#5173d9
```
#5173d9 rgb(81,115,217)
```
#486fe2
```
#486fe2 rgb(72,111,226)
```
#406bea
```
#406bea rgb(64,107,234)
```
#3867f2
```
#3867f2 rgb(56,103,242)
```
#3063fa
```
#3063fa rgb(48,99,250)
```

Tone Color Variation

Below, you can see how #3063fa 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

#656565 Achromatopsia 0.005% of the population
#5a6583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc6 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#116eeb Protanomaly 1% of men, 0.01% of women
#1172d9 Deuteranomaly 6% of men, 0.4% of women
#1178b3 Tritanomaly 0.01% of the population

#3063fa hex color

#3063fa Color Information

#3063fa Color Conversion

Color Schemes with #3063fa

Alternatives to #3063fa

#3063fa Preview

Shades and Tints of #3063fa

Tones of #3063fa

Color Blindness Simulator