#0648ff hex color

In a RGB color space, hex #0648ff is composed of 2.4% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 224.1 degrees, a saturation of 100% and a lightness of 51.2%. #0648ff color hex could be obtained by blending #0c90ff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 28
- B 100
RGB color chart
- C 98
- M 72
- Y 0
- K 0
CMYK color chart

● #0648ff color description : Vivid blue.

The hexadecimal color #0648ff has RGB values of R:6, G:72, B:255 and CMYK values of C:0.98, M:0.72, Y:0, K:0. Its decimal value is 411903.

Hex triplet	0648ff	`#0648ff`
RGB Decimal	6, 72, 255	`rgb(6,72,255)`
RGB Percent	2.4, 28.2, 100	`rgb(2.4%,28.2%,100%)`
CMYK	98, 72, 0, 0
HSL	224.1°, 100, 51.2	`hsl(224.1,100%,51.2%)`
HSV (or HSB)	224.1°, 97.6, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.044, 53.677, -93.308
XYZ	20.439, 11.892, 95.82
xyY	0.159, 0.093, 11.892
CIE-LCH	41.044, 107.646, 299.91
CIE-LUV	41.044, -15.855, -132.454
Hunter-Lab	34.484, 45.448, -140.607
Binary	00000110, 01001000, 11111111

#0648ff
```
#0648ff rgb(6,72,255)
```
#ffbd06
```
#ffbd06 rgb(255,189,6)
```

Complementary Color

#06c5ff
```
#06c5ff rgb(6,197,255)
```
#0648ff
```
#0648ff rgb(6,72,255)
```
#4006ff
```
#4006ff rgb(64,6,255)
```

Analogous Color

#c5ff06
```
#c5ff06 rgb(197,255,6)
```
#0648ff
```
#0648ff rgb(6,72,255)
```
#ff4006
```
#ff4006 rgb(255,64,6)
```

Split Complementary Color

#48ff06
```
#48ff06 rgb(72,255,6)
```
#0648ff
```
#0648ff rgb(6,72,255)
```
#ff0648
```
#ff0648 rgb(255,6,72)
```

Triadic Color

#06ffbd
```
#06ffbd rgb(6,255,189)
```
#0648ff
```
#0648ff rgb(6,72,255)
```
#ff0648
```
#ff0648 rgb(255,6,72)
```
#ffbd06
```
#ffbd06 rgb(255,189,6)
```

Tetradic Color

#0031b9
```
#0031b9 rgb(0,49,185)
```
#0038d2
```
#0038d2 rgb(0,56,210)
```
#003eec
```
#003eec rgb(0,62,236)
```
#0648ff
```
#0648ff rgb(6,72,255)
```
#205bff
```
#205bff rgb(32,91,255)
```
#396dff
```
#396dff rgb(57,109,255)
```
#5380ff
```
#5380ff rgb(83,128,255)
```

Monochromatic Color

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

#0686ff
```
#0686ff rgb(6,134,255)
```
#0672ff
```
#0672ff rgb(6,114,255)
```
#065dff
```
#065dff rgb(6,93,255)
```
#0648ff
```
#0648ff rgb(6,72,255)
```
#0633ff
```
#0633ff rgb(6,51,255)
```
#061fff
```
#061fff rgb(6,31,255)
```
#060aff
```
#060aff rgb(6,10,255)
```

Similar Colors

Text with hexadecimal color #0648ff

This text has a font color of #0648ff.

<span style="color:#0648ff;">Text here</span>

#0648ff background color

This paragraph has a background color of #0648ff.

<p style="background-color:#0648ff;">Content here</p>

#0648ff border color

This element has a border color of #0648ff.

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

CSS codes

.text {color:#0648ff;}

.background {background-color:#0648ff;}

.border {border:1px solid #0648ff;}

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

#000206
```
#000206 rgb(0,2,6)
```
#00071a
```
#00071a rgb(0,7,26)
```
#000c2d
```
#000c2d rgb(0,12,45)
```
#001141
```
#001141 rgb(0,17,65)
```
#001654
```
#001654 rgb(0,22,84)
```
#001c68
```
#001c68 rgb(0,28,104)
```
#00217c
```
#00217c rgb(0,33,124)
```
#00268f
```
#00268f rgb(0,38,143)
```
#002ba3
```
#002ba3 rgb(0,43,163)
```
#0030b7
```
#0030b7 rgb(0,48,183)
```
#0036ca
```
#0036ca rgb(0,54,202)
```
#003bde
```
#003bde rgb(0,59,222)
```
#0040f1
```
#0040f1 rgb(0,64,241)
```

Shade Color Variation

#0648ff
```
#0648ff rgb(6,72,255)
```
#1a56ff
```
#1a56ff rgb(26,86,255)
```
#2d65ff
```
#2d65ff rgb(45,101,255)
```
#4173ff
```
#4173ff rgb(65,115,255)
```
#5482ff
```
#5482ff rgb(84,130,255)
```
#6890ff
```
#6890ff rgb(104,144,255)
```
#7c9eff
```
#7c9eff rgb(124,158,255)
```
#8fadff
```
#8fadff rgb(143,173,255)
```
#a3bbff
```
#a3bbff rgb(163,187,255)
```
#b7caff
```
#b7caff rgb(183,202,255)
```
#cad8ff
```
#cad8ff rgb(202,216,255)
```
#dee7ff
```
#dee7ff rgb(222,231,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797e8c is the less saturated color, while #0648ff is the most saturated one.

#797e8c
```
#797e8c rgb(121,126,140)
```
#6f7a96
```
#6f7a96 rgb(111,122,150)
```
#66759f
```
#66759f rgb(102,117,159)
```
#5c71a9
```
#5c71a9 rgb(92,113,169)
```
#536cb2
```
#536cb2 rgb(83,108,178)
```
#4968bc
```
#4968bc rgb(73,104,188)
```
#3f63c6
```
#3f63c6 rgb(63,99,198)
```
#365fcf
```
#365fcf rgb(54,95,207)
```
#2c5ad9
```
#2c5ad9 rgb(44,90,217)
```
#2356e2
```
#2356e2 rgb(35,86,226)
```
#1951ec
```
#1951ec rgb(25,81,236)
```
#104df5
```
#104df5 rgb(16,77,245)
```
#0648ff
```
#0648ff rgb(6,72,255)
```

Tone Color Variation

Below, you can see how #0648ff 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

#494949 Achromatopsia 0.005% of the population
#3c496d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cab Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#025bda Protanomaly 1% of men, 0.01% of women
#025ec9 Deuteranomaly 6% of men, 0.4% of women
#0263a9 Tritanomaly 0.01% of the population

#0648ff hex color

#0648ff Color Information

#0648ff Color Conversion

Color Schemes with #0648ff

Alternatives to #0648ff

#0648ff Preview

Shades and Tints of #0648ff

Tones of #0648ff

Color Blindness Simulator