#3057fc hex color

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

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

● #3057fc color description : Bright blue.

The hexadecimal color #3057fc has RGB values of R:48, G:87, B:252 and CMYK values of C:0.81, M:0.65, Y:0, K:0.01. Its decimal value is 3168252.

Hex triplet	3057fc	`#3057fc`
RGB Decimal	48, 87, 252	`rgb(48,87,252)`
RGB Percent	18.8, 34.1, 98.8	`rgb(18.8%,34.1%,98.8%)`
CMYK	81, 65, 0, 1
HSL	228.5°, 97.1, 58.8	`hsl(228.5,97.1%,58.8%)`
HSV (or HSB)	228.5°, 81, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.902, 45.389, -85.241
XYZ	22.194, 14.471, 93.714
xyY	0.17, 0.111, 14.471
CIE-LCH	44.902, 96.573, 298.034
CIE-LUV	44.902, -15.906, -127.289
Hunter-Lab	38.041, 37.569, -119.43
Binary	00110000, 01010111, 11111100

#3057fc
```
#3057fc rgb(48,87,252)
```
#fcd530
```
#fcd530 rgb(252,213,48)
```

Complementary Color

#30bdfc
```
#30bdfc rgb(48,189,252)
```
#3057fc
```
#3057fc rgb(48,87,252)
```
#6f30fc
```
#6f30fc rgb(111,48,252)
```

Analogous Color

#bdfc30
```
#bdfc30 rgb(189,252,48)
```
#3057fc
```
#3057fc rgb(48,87,252)
```
#fc6f30
```
#fc6f30 rgb(252,111,48)
```

Split Complementary Color

#57fc30
```
#57fc30 rgb(87,252,48)
```
#3057fc
```
#3057fc rgb(48,87,252)
```
#fc3057
```
#fc3057 rgb(252,48,87)
```

Triadic Color

#30fcd5
```
#30fcd5 rgb(48,252,213)
```
#3057fc
```
#3057fc rgb(48,87,252)
```
#fc3057
```
#fc3057 rgb(252,48,87)
```
#fcd530
```
#fcd530 rgb(252,213,48)
```

Tetradic Color

#032ddc
```
#032ddc rgb(3,45,220)
```
#0432f5
```
#0432f5 rgb(4,50,245)
```
#1743fc
```
#1743fc rgb(23,67,252)
```
#3057fc
```
#3057fc rgb(48,87,252)
```
#496bfc
```
#496bfc rgb(73,107,252)
```
#6280fd
```
#6280fd rgb(98,128,253)
```
#7b94fd
```
#7b94fd rgb(123,148,253)
```

Monochromatic Color

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

#308afc
```
#308afc rgb(48,138,252)
```
#3079fc
```
#3079fc rgb(48,121,252)
```
#3068fc
```
#3068fc rgb(48,104,252)
```
#3057fc
```
#3057fc rgb(48,87,252)
```
#3046fc
```
#3046fc rgb(48,70,252)
```
#3035fc
```
#3035fc rgb(48,53,252)
```
#3c30fc
```
#3c30fc rgb(60,48,252)
```

Similar Colors

Text with hexadecimal color #3057fc

This text has a font color of #3057fc.

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

#3057fc background color

This paragraph has a background color of #3057fc.

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

#3057fc border color

This element has a border color of #3057fc.

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

CSS codes

.text {color:#3057fc;}

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

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

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)
```
#011153
```
#011153 rgb(1,17,83)
```
#011566
```
#011566 rgb(1,21,102)
```
#02197a
```
#02197a rgb(2,25,122)
```
#021d8d
```
#021d8d rgb(2,29,141)
```
#0221a0
```
#0221a0 rgb(2,33,160)
```
#0324b4
```
#0324b4 rgb(3,36,180)
```
#0328c7
```
#0328c7 rgb(3,40,199)
```
#032cda
```
#032cda rgb(3,44,218)
```
#0330ee
```
#0330ee rgb(3,48,238)
```

Shade Color Variation

#0938fb
```
#0938fb rgb(9,56,251)
```
#1d47fc
```
#1d47fc rgb(29,71,252)
```
#3057fc
```
#3057fc rgb(48,87,252)
```
#4367fc
```
#4367fc rgb(67,103,252)
```
#5776fd
```
#5776fd rgb(87,118,253)
```
#6a86fd
```
#6a86fd rgb(106,134,253)
```
#7d96fd
```
#7d96fd rgb(125,150,253)
```
#91a5fd
```
#91a5fd rgb(145,165,253)
```
#a4b5fe
```
#a4b5fe rgb(164,181,254)
```
#b7c5fe
```
#b7c5fe rgb(183,197,254)
```
#cbd5fe
```
#cbd5fe rgb(203,213,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 #3057fc 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)
```
#697ac3
```
#697ac3 rgb(105,122,195)
```
#6075cc
```
#6075cc rgb(96,117,204)
```
#5870d4
```
#5870d4 rgb(88,112,212)
```
#506bdc
```
#506bdc rgb(80,107,220)
```
#4866e4
```
#4866e4 rgb(72,102,228)
```
#4061ec
```
#4061ec rgb(64,97,236)
```
#385cf4
```
#385cf4 rgb(56,92,244)
```
#3057fc
```
#3057fc rgb(48,87,252)
```

Tone Color Variation

Below, you can see how #3057fc 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
#555d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#1166e4 Protanomaly 1% of men, 0.01% of women
#116ad2 Deuteranomaly 6% of men, 0.4% of women
#116faf Tritanomaly 0.01% of the population

#3057fc hex color

#3057fc Color Information

#3057fc Color Conversion

Color Schemes with #3057fc

Alternatives to #3057fc

#3057fc Preview

Shades and Tints of #3057fc

Tones of #3057fc

Color Blindness Simulator