#3064e3 hex color

In a RGB color space, hex #3064e3 is composed of 18.8% red, 39.2% green and 89% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 55.9% magenta, 0% yellow and 11% black. It has a hue angle of 222.6 degrees, a saturation of 76.2% and a lightness of 53.9%. #3064e3 color hex could be obtained by blending #60c8ff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 39
- B 89
RGB color chart
- C 79
- M 56
- Y 0
- K 11
CMYK color chart

● #3064e3 color description : Bright blue.

The hexadecimal color #3064e3 has RGB values of R:48, G:100, B:227 and CMYK values of C:0.79, M:0.56, Y:0, K:0.11. Its decimal value is 3171555.

Hex triplet	3064e3	`#3064e3`
RGB Decimal	48, 100, 227	`rgb(48,100,227)`
RGB Percent	18.8, 39.2, 89	`rgb(18.8%,39.2%,89%)`
CMYK	79, 56, 0, 11
HSL	222.6°, 76.2, 53.9	`hsl(222.6,76.2%,53.9%)`
HSV (or HSB)	222.6°, 78.9, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.025, 28.241, -69.363
XYZ	19.638, 15.287, 74.585
xyY	0.179, 0.14, 15.287
CIE-LCH	46.025, 74.892, 292.154
CIE-LUV	46.025, -18.944, -106.068
Hunter-Lab	39.099, 21.232, -85.731
Binary	00110000, 01100100, 11100011

#3064e3
```
#3064e3 rgb(48,100,227)
```
#e3af30
```
#e3af30 rgb(227,175,48)
```

Complementary Color

#30bee3
```
#30bee3 rgb(48,190,227)
```
#3064e3
```
#3064e3 rgb(48,100,227)
```
#5630e3
```
#5630e3 rgb(86,48,227)
```

Analogous Color

#bee330
```
#bee330 rgb(190,227,48)
```
#3064e3
```
#3064e3 rgb(48,100,227)
```
#e35630
```
#e35630 rgb(227,86,48)
```

Split Complementary Color

#64e330
```
#64e330 rgb(100,227,48)
```
#3064e3
```
#3064e3 rgb(48,100,227)
```
#e33064
```
#e33064 rgb(227,48,100)
```

Triadic Color

#30e3af
```
#30e3af rgb(48,227,175)
```
#3064e3
```
#3064e3 rgb(48,100,227)
```
#e33064
```
#e33064 rgb(227,48,100)
```
#e3af30
```
#e3af30 rgb(227,175,48)
```

Tetradic Color

#1844af
```
#1844af rgb(24,68,175)
```
#1b4cc5
```
#1b4cc5 rgb(27,76,197)
```
#1e55dc
```
#1e55dc rgb(30,85,220)
```
#3064e3
```
#3064e3 rgb(48,100,227)
```
#4675e6
```
#4675e6 rgb(70,117,230)
```
#5d86e9
```
#5d86e9 rgb(93,134,233)
```
#7396ec
```
#7396ec rgb(115,150,236)
```

Monochromatic Color

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

#3091e3
```
#3091e3 rgb(48,145,227)
```
#3082e3
```
#3082e3 rgb(48,130,227)
```
#3073e3
```
#3073e3 rgb(48,115,227)
```
#3064e3
```
#3064e3 rgb(48,100,227)
```
#3055e3
```
#3055e3 rgb(48,85,227)
```
#3046e3
```
#3046e3 rgb(48,70,227)
```
#3037e3
```
#3037e3 rgb(48,55,227)
```

Similar Colors

Text with hexadecimal color #3064e3

This text has a font color of #3064e3.

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

#3064e3 background color

This paragraph has a background color of #3064e3.

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

#3064e3 border color

This element has a border color of #3064e3.

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

CSS codes

.text {color:#3064e3;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020712
```
#020712 rgb(2,7,18)
```
#050d23
```
#050d23 rgb(5,13,35)
```
#071434
```
#071434 rgb(7,20,52)
```
#091b45
```
#091b45 rgb(9,27,69)
```
#0c2257
```
#0c2257 rgb(12,34,87)
```
#0e2868
```
#0e2868 rgb(14,40,104)
```
#102f79
```
#102f79 rgb(16,47,121)
```
#13368b
```
#13368b rgb(19,54,139)
```
#153c9c
```
#153c9c rgb(21,60,156)
```
#1743ad
```
#1743ad rgb(23,67,173)
```
#1a4abe
```
#1a4abe rgb(26,74,190)
```
#1c50d0
```
#1c50d0 rgb(28,80,208)
```

Shade Color Variation

#1f57e1
```
#1f57e1 rgb(31,87,225)
```
#3064e3
```
#3064e3 rgb(48,100,227)
```
#4171e5
```
#4171e5 rgb(65,113,229)
```
#537ee8
```
#537ee8 rgb(83,126,232)
```
#648bea
```
#648bea rgb(100,139,234)
```
#7598ec
```
#7598ec rgb(117,152,236)
```
#86a5ef
```
#86a5ef rgb(134,165,239)
```
#98b2f1
```
#98b2f1 rgb(152,178,241)
```
#a9bff3
```
#a9bff3 rgb(169,191,243)
```
#baccf6
```
#baccf6 rgb(186,204,246)
```
#ccd8f8
```
#ccd8f8 rgb(204,216,248)
```
#dde5fa
```
#dde5fa rgb(221,229,250)
```
#eef2fd
```
#eef2fd rgb(238,242,253)
```

Tint Color Variation

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

#818692
```
#818692 rgb(129,134,146)
```
#78829b
```
#78829b rgb(120,130,155)
```
#6f7fa4
```
#6f7fa4 rgb(111,127,164)
```
#667bad
```
#667bad rgb(102,123,173)
```
#5d77b6
```
#5d77b6 rgb(93,119,182)
```
#5473bf
```
#5473bf rgb(84,115,191)
```
#4b6fc8
```
#4b6fc8 rgb(75,111,200)
```
#426cd1
```
#426cd1 rgb(66,108,209)
```
#3968da
```
#3968da rgb(57,104,218)
```
#3064e3
```
#3064e3 rgb(48,100,227)
```
#2760ec
```
#2760ec rgb(39,96,236)
```
#1e5cf5
```
#1e5cf5 rgb(30,92,245)
```
#1559fe
```
#1559fe rgb(21,89,254)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#59637d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#116cdf Protanomaly 1% of men, 0.01% of women
#1170cd Deuteranomaly 6% of men, 0.4% of women
#1175a8 Tritanomaly 0.01% of the population

#3064e3 hex color

#3064e3 Color Information

#3064e3 Color Conversion

Color Schemes with #3064e3

Alternatives to #3064e3

#3064e3 Preview

Shades and Tints of #3064e3

Tones of #3064e3

Color Blindness Simulator