#1464f8 hex color

In a RGB color space, hex #1464f8 is composed of 7.8% red, 39.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 59.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 218.9 degrees, a saturation of 94.2% and a lightness of 52.5%. #1464f8 color hex could be obtained by blending #28c8ff with #0000f1. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 39
- B 97
RGB color chart
- C 92
- M 60
- Y 0
- K 3
CMYK color chart

● #1464f8 color description : Vivid blue.

The hexadecimal color #1464f8 has RGB values of R:20, G:100, B:248 and CMYK values of C:0.92, M:0.6, Y:0, K:0.03. Its decimal value is 1336568.

Hex triplet	1464f8	`#1464f8`
RGB Decimal	20, 100, 248	`rgb(20,100,248)`
RGB Percent	7.8, 39.2, 97.3	`rgb(7.8%,39.2%,97.3%)`
CMYK	92, 60, 0, 3
HSL	218.9°, 94.2, 52.5	`hsl(218.9,94.2%,52.5%)`
HSV (or HSB)	218.9°, 91.9, 97.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.025, 34.334, -79.553
XYZ	21.785, 16.039, 90.749
xyY	0.169, 0.125, 16.039
CIE-LCH	47.025, 86.646, 293.344
CIE-LUV	47.025, -21.299, -121.246
Hunter-Lab	40.048, 27.016, -106.318
Binary	00010100, 01100100, 11111000

#1464f8
```
#1464f8 rgb(20,100,248)
```
#f8a814
```
#f8a814 rgb(248,168,20)
```

Complementary Color

#14d6f8
```
#14d6f8 rgb(20,214,248)
```
#1464f8
```
#1464f8 rgb(20,100,248)
```
#3614f8
```
#3614f8 rgb(54,20,248)
```

Analogous Color

#d6f814
```
#d6f814 rgb(214,248,20)
```
#1464f8
```
#1464f8 rgb(20,100,248)
```
#f83614
```
#f83614 rgb(248,54,20)
```

Split Complementary Color

#64f814
```
#64f814 rgb(100,248,20)
```
#1464f8
```
#1464f8 rgb(20,100,248)
```
#f81464
```
#f81464 rgb(248,20,100)
```

Triadic Color

#14f8a8
```
#14f8a8 rgb(20,248,168)
```
#1464f8
```
#1464f8 rgb(20,100,248)
```
#f81464
```
#f81464 rgb(248,20,100)
```
#f8a814
```
#f8a814 rgb(248,168,20)
```

Tetradic Color

#0645ba
```
#0645ba rgb(6,69,186)
```
#064ed3
```
#064ed3 rgb(6,78,211)
```
#0757eb
```
#0757eb rgb(7,87,235)
```
#1464f8
```
#1464f8 rgb(20,100,248)
```
#2d74f9
```
#2d74f9 rgb(45,116,249)
```
#4685f9
```
#4685f9 rgb(70,133,249)
```
#5e95fa
```
#5e95fa rgb(94,149,250)
```

Monochromatic Color

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

#149df8
```
#149df8 rgb(20,157,248)
```
#148af8
```
#148af8 rgb(20,138,248)
```
#1477f8
```
#1477f8 rgb(20,119,248)
```
#1464f8
```
#1464f8 rgb(20,100,248)
```
#1451f8
```
#1451f8 rgb(20,81,248)
```
#143ef8
```
#143ef8 rgb(20,62,248)
```
#142bf8
```
#142bf8 rgb(20,43,248)
```

Similar Colors

Text with hexadecimal color #1464f8

This text has a font color of #1464f8.

<span style="color:#1464f8;">Text here</span>

#1464f8 background color

This paragraph has a background color of #1464f8.

<p style="background-color:#1464f8;">Content here</p>

#1464f8 border color

This element has a border color of #1464f8.

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

CSS codes

.text {color:#1464f8;}

.background {background-color:#1464f8;}

.border {border:1px solid #1464f8;}

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, #00050d is the darkest color, while #f9fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#010c20
```
#010c20 rgb(1,12,32)
```
#021333
```
#021333 rgb(2,19,51)
```
#021a46
```
#021a46 rgb(2,26,70)
```
#032159
```
#032159 rgb(3,33,89)
```
#03286c
```
#03286c rgb(3,40,108)
```
#042f7f
```
#042f7f rgb(4,47,127)
```
#043692
```
#043692 rgb(4,54,146)
```
#053da5
```
#053da5 rgb(5,61,165)
```
#0544b8
```
#0544b8 rgb(5,68,184)
```
#064bcb
```
#064bcb rgb(6,75,203)
```
#0752de
```
#0752de rgb(7,82,222)
```
#0759f1
```
#0759f1 rgb(7,89,241)
```

Shade Color Variation

#1464f8
```
#1464f8 rgb(20,100,248)
```
#2771f9
```
#2771f9 rgb(39,113,249)
```
#3a7df9
```
#3a7df9 rgb(58,125,249)
```
#4d8afa
```
#4d8afa rgb(77,138,250)
```
#6096fa
```
#6096fa rgb(96,150,250)
```
#73a3fb
```
#73a3fb rgb(115,163,251)
```
#86affb
```
#86affb rgb(134,175,251)
```
#99bcfc
```
#99bcfc rgb(153,188,252)
```
#acc9fd
```
#acc9fd rgb(172,201,253)
```
#bfd5fd
```
#bfd5fd rgb(191,213,253)
```
#d2e2fe
```
#d2e2fe rgb(210,226,254)
```
#e6eefe
```
#e6eefe rgb(230,238,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#848588
```
#848588 rgb(132,133,136)
```
#7a8392
```
#7a8392 rgb(122,131,146)
```
#71809b
```
#71809b rgb(113,128,155)
```
#687da4
```
#687da4 rgb(104,125,164)
```
#5e7aae
```
#5e7aae rgb(94,122,174)
```
#5577b7
```
#5577b7 rgb(85,119,183)
```
#4c75c0
```
#4c75c0 rgb(76,117,192)
```
#4372c9
```
#4372c9 rgb(67,114,201)
```
#396fd3
```
#396fd3 rgb(57,111,211)
```
#306cdc
```
#306cdc rgb(48,108,220)
```
#276ae5
```
#276ae5 rgb(39,106,229)
```
#1d67ef
```
#1d67ef rgb(29,103,239)
```
#1464f8
```
#1464f8 rgb(20,100,248)
```

Tone Color Variation

Below, you can see how #1464f8 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

#5d5d5d Achromatopsia 0.005% of the population
#4e5e7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#076de9 Protanomaly 1% of men, 0.01% of women
#0771d7 Deuteranomaly 6% of men, 0.4% of women
#0777b1 Tritanomaly 0.01% of the population

#1464f8 hex color

#1464f8 Color Information

#1464f8 Color Conversion

Color Schemes with #1464f8

Alternatives to #1464f8

#1464f8 Preview

Shades and Tints of #1464f8

Tones of #1464f8

Color Blindness Simulator