#3064f6 hex color

In a RGB color space, hex #3064f6 is composed of 18.8% red, 39.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 59.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 224.2 degrees, a saturation of 91.7% and a lightness of 57.6%. #3064f6 color hex could be obtained by blending #60c8ff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 39
- B 96
RGB color chart
- C 80
- M 59
- Y 0
- K 4
CMYK color chart

● #3064f6 color description : Bright blue.

The hexadecimal color #3064f6 has RGB values of R:48, G:100, B:246 and CMYK values of C:0.8, M:0.59, Y:0, K:0.04. Its decimal value is 3171574.

Hex triplet	3064f6	`#3064f6`
RGB Decimal	48, 100, 246	`rgb(48,100,246)`
RGB Percent	18.8, 39.2, 96.5	`rgb(18.8%,39.2%,96.5%)`
CMYK	80, 59, 0, 4
HSL	224.2°, 91.7, 57.6	`hsl(224.2,91.7%,57.6%)`
HSV (or HSB)	224.2°, 80.5, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.488, 35.221, -77.654
XYZ	22.407, 16.395, 89.167
xyY	0.175, 0.128, 16.395
CIE-LCH	47.488, 85.268, 294.397
CIE-LUV	47.488, -18.872, -119.125
Hunter-Lab	40.491, 27.922, -102.224
Binary	00110000, 01100100, 11110110

#3064f6
```
#3064f6 rgb(48,100,246)
```
#f6c230
```
#f6c230 rgb(246,194,48)
```

Complementary Color

#30c7f6
```
#30c7f6 rgb(48,199,246)
```
#3064f6
```
#3064f6 rgb(48,100,246)
```
#5f30f6
```
#5f30f6 rgb(95,48,246)
```

Analogous Color

#c7f630
```
#c7f630 rgb(199,246,48)
```
#3064f6
```
#3064f6 rgb(48,100,246)
```
#f65f30
```
#f65f30 rgb(246,95,48)
```

Split Complementary Color

#64f630
```
#64f630 rgb(100,246,48)
```
#3064f6
```
#3064f6 rgb(48,100,246)
```
#f63064
```
#f63064 rgb(246,48,100)
```

Triadic Color

#30f6c2
```
#30f6c2 rgb(48,246,194)
```
#3064f6
```
#3064f6 rgb(48,100,246)
```
#f63064
```
#f63064 rgb(246,48,100)
```
#f6c230
```
#f6c230 rgb(246,194,48)
```

Tetradic Color

#093dd0
```
#093dd0 rgb(9,61,208)
```
#0a45e9
```
#0a45e9 rgb(10,69,233)
```
#1852f5
```
#1852f5 rgb(24,82,245)
```
#3064f6
```
#3064f6 rgb(48,100,246)
```
#4876f7
```
#4876f7 rgb(72,118,247)
```
#6189f8
```
#6189f8 rgb(97,137,248)
```
#799bf9
```
#799bf9 rgb(121,155,249)
```

Monochromatic Color

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

#3096f6
```
#3096f6 rgb(48,150,246)
```
#3085f6
```
#3085f6 rgb(48,133,246)
```
#3075f6
```
#3075f6 rgb(48,117,246)
```
#3064f6
```
#3064f6 rgb(48,100,246)
```
#3054f6
```
#3054f6 rgb(48,84,246)
```
#3043f6
```
#3043f6 rgb(48,67,246)
```
#3033f6
```
#3033f6 rgb(48,51,246)
```

Similar Colors

Text with hexadecimal color #3064f6

This text has a font color of #3064f6.

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

#3064f6 background color

This paragraph has a background color of #3064f6.

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

#3064f6 border color

This element has a border color of #3064f6.

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

CSS codes

.text {color:#3064f6;}

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

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

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

#010513
```
#010513 rgb(1,5,19)
```
#020b25
```
#020b25 rgb(2,11,37)
```
#021138
```
#021138 rgb(2,17,56)
```
#03164b
```
#03164b rgb(3,22,75)
```
#041c5e
```
#041c5e rgb(4,28,94)
```
#052171
```
#052171 rgb(5,33,113)
```
#062783
```
#062783 rgb(6,39,131)
```
#072c96
```
#072c96 rgb(7,44,150)
```
#0732a9
```
#0732a9 rgb(7,50,169)
```
#0837bc
```
#0837bc rgb(8,55,188)
```
#093dcf
```
#093dcf rgb(9,61,207)
```
#0a42e1
```
#0a42e1 rgb(10,66,225)
```
#0b48f4
```
#0b48f4 rgb(11,72,244)
```

Shade Color Variation

#1d56f5
```
#1d56f5 rgb(29,86,245)
```
#3064f6
```
#3064f6 rgb(48,100,246)
```
#4372f7
```
#4372f7 rgb(67,114,247)
```
#5680f8
```
#5680f8 rgb(86,128,248)
```
#688ef8
```
#688ef8 rgb(104,142,248)
```
#7b9cf9
```
#7b9cf9 rgb(123,156,249)
```
#8eaafa
```
#8eaafa rgb(142,170,250)
```
#a1b8fb
```
#a1b8fb rgb(161,184,251)
```
#b4c7fc
```
#b4c7fc rgb(180,199,252)
```
#c6d5fd
```
#c6d5fd rgb(198,213,253)
```
#d9e3fd
```
#d9e3fd rgb(217,227,253)
```
#ecf1fe
```
#ecf1fe rgb(236,241,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8f9b is the less saturated color, while #2860fe is the most saturated one.

#8b8f9b
```
#8b8f9b rgb(139,143,155)
```
#838ba3
```
#838ba3 rgb(131,139,163)
```
#7b87ab
```
#7b87ab rgb(123,135,171)
```
#7284b4
```
#7284b4 rgb(114,132,180)
```
#6a80bc
```
#6a80bc rgb(106,128,188)
```
#627cc4
```
#627cc4 rgb(98,124,196)
```
#5a78cc
```
#5a78cc rgb(90,120,204)
```
#5174d5
```
#5174d5 rgb(81,116,213)
```
#4970dd
```
#4970dd rgb(73,112,221)
```
#416ce5
```
#416ce5 rgb(65,108,229)
```
#3868ee
```
#3868ee rgb(56,104,238)
```
#3064f6
```
#3064f6 rgb(48,100,246)
```
#2860fe
```
#2860fe rgb(40,96,254)
```

Tone Color Variation

Below, you can see how #3064f6 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
#5a6582 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#116eea Protanomaly 1% of men, 0.01% of women
#1172d7 Deuteranomaly 6% of men, 0.4% of women
#1178b2 Tritanomaly 0.01% of the population

#3064f6 hex color

#3064f6 Color Information

#3064f6 Color Conversion

Color Schemes with #3064f6

Alternatives to #3064f6

#3064f6 Preview

Shades and Tints of #3064f6

Tones of #3064f6

Color Blindness Simulator