#3056fc hex color

In a RGB color space, hex #3056fc is composed of 18.8% red, 33.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 65.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 228.8 degrees, a saturation of 97.1% and a lightness of 58.8%. #3056fc color hex could be obtained by blending #60acff with #0000f9. Closest websafe color is: #3366ff.

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

● #3056fc color description : Bright blue.

The hexadecimal color #3056fc has RGB values of R:48, G:86, B:252 and CMYK values of C:0.81, M:0.66, Y:0, K:0.01. Its decimal value is 3167996.

Hex triplet	3056fc	`#3056fc`
RGB Decimal	48, 86, 252	`rgb(48,86,252)`
RGB Percent	18.8, 33.7, 98.8	`rgb(18.8%,33.7%,98.8%)`
CMYK	81, 66, 0, 1
HSL	228.8°, 97.1, 58.8	`hsl(228.8,97.1%,58.8%)`
HSV (or HSB)	228.8°, 81, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.675, 45.993, -85.614
XYZ	22.114, 14.311, 93.687
xyY	0.17, 0.11, 14.311
CIE-LCH	44.675, 97.185, 298.245
CIE-LUV	44.675, -15.694, -127.548
Hunter-Lab	37.829, 38.144, -120.355
Binary	00110000, 01010110, 11111100

#3056fc
```
#3056fc rgb(48,86,252)
```
#fcd630
```
#fcd630 rgb(252,214,48)
```

Complementary Color

#30bcfc
```
#30bcfc rgb(48,188,252)
```
#3056fc
```
#3056fc rgb(48,86,252)
```
#7030fc
```
#7030fc rgb(112,48,252)
```

Analogous Color

#bcfc30
```
#bcfc30 rgb(188,252,48)
```
#3056fc
```
#3056fc rgb(48,86,252)
```
#fc7030
```
#fc7030 rgb(252,112,48)
```

Split Complementary Color

#56fc30
```
#56fc30 rgb(86,252,48)
```
#3056fc
```
#3056fc rgb(48,86,252)
```
#fc3056
```
#fc3056 rgb(252,48,86)
```

Triadic Color

#30fcd6
```
#30fcd6 rgb(48,252,214)
```
#3056fc
```
#3056fc rgb(48,86,252)
```
#fc3056
```
#fc3056 rgb(252,48,86)
```
#fcd630
```
#fcd630 rgb(252,214,48)
```

Tetradic Color

#032cdc
```
#032cdc rgb(3,44,220)
```
#0431f5
```
#0431f5 rgb(4,49,245)
```
#1741fc
```
#1741fc rgb(23,65,252)
```
#3056fc
```
#3056fc rgb(48,86,252)
```
#496bfc
```
#496bfc rgb(73,107,252)
```
#627ffd
```
#627ffd rgb(98,127,253)
```
#7b94fd
```
#7b94fd rgb(123,148,253)
```

Monochromatic Color

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

#3089fc
```
#3089fc rgb(48,137,252)
```
#3078fc
```
#3078fc rgb(48,120,252)
```
#3067fc
```
#3067fc rgb(48,103,252)
```
#3056fc
```
#3056fc rgb(48,86,252)
```
#3045fc
```
#3045fc rgb(48,69,252)
```
#3034fc
```
#3034fc rgb(48,52,252)
```
#3d30fc
```
#3d30fc rgb(61,48,252)
```

Similar Colors

Text with hexadecimal color #3056fc

This text has a font color of #3056fc.

<span style="color:#3056fc;">Text here</span>

#3056fc background color

This paragraph has a background color of #3056fc.

<p style="background-color:#3056fc;">Content here</p>

#3056fc border color

This element has a border color of #3056fc.

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

CSS codes

.text {color:#3056fc;}

.background {background-color:#3056fc;}

.border {border:1px solid #3056fc;}

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

#000106
```
#000106 rgb(0,1,6)
```
#000519
```
#000519 rgb(0,5,25)
```
#01092c
```
#01092c rgb(1,9,44)
```
#010d40
```
#010d40 rgb(1,13,64)
```
#011053
```
#011053 rgb(1,16,83)
```
#011466
```
#011466 rgb(1,20,102)
```
#02187a
```
#02187a rgb(2,24,122)
```
#021c8d
```
#021c8d rgb(2,28,141)
```
#0220a0
```
#0220a0 rgb(2,32,160)
```
#0324b4
```
#0324b4 rgb(3,36,180)
```
#0327c7
```
#0327c7 rgb(3,39,199)
```
#032bda
```
#032bda rgb(3,43,218)
```
#032fee
```
#032fee rgb(3,47,238)
```

Shade Color Variation

#0936fb
```
#0936fb rgb(9,54,251)
```
#1d46fc
```
#1d46fc rgb(29,70,252)
```
#3056fc
```
#3056fc rgb(48,86,252)
```
#4366fc
```
#4366fc rgb(67,102,252)
```
#5776fd
```
#5776fd rgb(87,118,253)
```
#6a85fd
```
#6a85fd rgb(106,133,253)
```
#7d95fd
```
#7d95fd rgb(125,149,253)
```
#91a5fd
```
#91a5fd rgb(145,165,253)
```
#a4b5fe
```
#a4b5fe rgb(164,181,254)
```
#b7c5fe
```
#b7c5fe rgb(183,197,254)
```
#cbd4fe
```
#cbd4fe rgb(203,212,254)
```
#dee4ff
```
#dee4ff rgb(222,228,255)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91939b is the less saturated color, while #3056fc is the most saturated one.

#91939b
```
#91939b rgb(145,147,155)
```
#898ea3
```
#898ea3 rgb(137,142,163)
```
#8189ab
```
#8189ab rgb(129,137,171)
```
#7984b3
```
#7984b3 rgb(121,132,179)
```
#717fbb
```
#717fbb rgb(113,127,187)
```
#6979c3
```
#6979c3 rgb(105,121,195)
```
#6074cc
```
#6074cc rgb(96,116,204)
```
#586fd4
```
#586fd4 rgb(88,111,212)
```
#506adc
```
#506adc rgb(80,106,220)
```
#4865e4
```
#4865e4 rgb(72,101,228)
```
#4060ec
```
#4060ec rgb(64,96,236)
```
#385bf4
```
#385bf4 rgb(56,91,244)
```
#3056fc
```
#3056fc rgb(48,86,252)
```

Tone Color Variation

Below, you can see how #3056fc 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

#5e5e5e Achromatopsia 0.005% of the population
#555c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1165e4 Protanomaly 1% of men, 0.01% of women
#1169d2 Deuteranomaly 6% of men, 0.4% of women
#116eaf Tritanomaly 0.01% of the population

#3056fc hex color

#3056fc Color Information

#3056fc Color Conversion

Color Schemes with #3056fc

Alternatives to #3056fc

#3056fc Preview

Shades and Tints of #3056fc

Tones of #3056fc

Color Blindness Simulator