#1278f7 hex color

In a RGB color space, hex #1278f7 is composed of 7.1% red, 47.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 51.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 213.3 degrees, a saturation of 93.5% and a lightness of 52%. #1278f7 color hex could be obtained by blending #24f0ff with #0000ef. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 7
- G 47
- B 97
RGB color chart
- C 93
- M 51
- Y 0
- K 3
CMYK color chart

● #1278f7 color description : Vivid blue.

The hexadecimal color #1278f7 has RGB values of R:18, G:120, B:247 and CMYK values of C:0.93, M:0.51, Y:0, K:0.03. Its decimal value is 1210615.

Hex triplet	1278f7	`#1278f7`
RGB Decimal	18, 120, 247	`rgb(18,120,247)`
RGB Percent	7.1, 47.1, 96.9	`rgb(7.1%,47.1%,96.9%)`
CMYK	93, 51, 0, 3
HSL	213.3°, 93.5, 52	`hsl(213.3,93.5%,52%)`
HSV (or HSB)	213.3°, 92.7, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.147, 21.196, -70.655
XYZ	23.751, 20.275, 90.652
xyY	0.176, 0.151, 20.275
CIE-LCH	52.147, 73.766, 286.699
CIE-LUV	52.147, -26.748, -111.263
Hunter-Lab	45.028, 15.355, -87.847
Binary	00010010, 01111000, 11110111

#1278f7
```
#1278f7 rgb(18,120,247)
```
#f79112
```
#f79112 rgb(247,145,18)
```

Complementary Color

#12ebf7
```
#12ebf7 rgb(18,235,247)
```
#1278f7
```
#1278f7 rgb(18,120,247)
```
#1f12f7
```
#1f12f7 rgb(31,18,247)
```

Analogous Color

#ebf712
```
#ebf712 rgb(235,247,18)
```
#1278f7
```
#1278f7 rgb(18,120,247)
```
#f71f12
```
#f71f12 rgb(247,31,18)
```

Split Complementary Color

#78f712
```
#78f712 rgb(120,247,18)
```
#1278f7
```
#1278f7 rgb(18,120,247)
```
#f71278
```
#f71278 rgb(247,18,120)
```

Triadic Color

#12f791
```
#12f791 rgb(18,247,145)
```
#1278f7
```
#1278f7 rgb(18,120,247)
```
#f71278
```
#f71278 rgb(247,18,120)
```
#f79112
```
#f79112 rgb(247,145,18)
```

Tetradic Color

#0655b6
```
#0655b6 rgb(6,85,182)
```
#0760cf
```
#0760cf rgb(7,96,207)
```
#086ce8
```
#086ce8 rgb(8,108,232)
```
#1278f7
```
#1278f7 rgb(18,120,247)
```
#2b86f8
```
#2b86f8 rgb(43,134,248)
```
#4394f9
```
#4394f9 rgb(67,148,249)
```
#5ca2f9
```
#5ca2f9 rgb(92,162,249)
```

Monochromatic Color

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

#12b1f7
```
#12b1f7 rgb(18,177,247)
```
#129ef7
```
#129ef7 rgb(18,158,247)
```
#128bf7
```
#128bf7 rgb(18,139,247)
```
#1278f7
```
#1278f7 rgb(18,120,247)
```
#1265f7
```
#1265f7 rgb(18,101,247)
```
#1252f7
```
#1252f7 rgb(18,82,247)
```
#123ff7
```
#123ff7 rgb(18,63,247)
```

Similar Colors

Text with hexadecimal color #1278f7

This text has a font color of #1278f7.

<span style="color:#1278f7;">Text here</span>

#1278f7 background color

This paragraph has a background color of #1278f7.

<p style="background-color:#1278f7;">Content here</p>

#1278f7 border color

This element has a border color of #1278f7.

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

CSS codes

.text {color:#1278f7;}

.background {background-color:#1278f7;}

.border {border:1px solid #1278f7;}

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, #00040a is the darkest color, while #f6faff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#010d1d
```
#010d1d rgb(1,13,29)
```
#021630
```
#021630 rgb(2,22,48)
```
#021f43
```
#021f43 rgb(2,31,67)
```
#032856
```
#032856 rgb(3,40,86)
```
#043169
```
#043169 rgb(4,49,105)
```
#04397c
```
#04397c rgb(4,57,124)
```
#05428e
```
#05428e rgb(5,66,142)
```
#054ba1
```
#054ba1 rgb(5,75,161)
```
#0654b4
```
#0654b4 rgb(6,84,180)
```
#075dc7
```
#075dc7 rgb(7,93,199)
```
#0765da
```
#0765da rgb(7,101,218)
```
#086eed
```
#086eed rgb(8,110,237)
```

Shade Color Variation

#1278f7
```
#1278f7 rgb(18,120,247)
```
#2583f8
```
#2583f8 rgb(37,131,248)
```
#388ef8
```
#388ef8 rgb(56,142,248)
```
#4b98f9
```
#4b98f9 rgb(75,152,249)
```
#5ea3fa
```
#5ea3fa rgb(94,163,250)
```
#71aefa
```
#71aefa rgb(113,174,250)
```
#84b9fb
```
#84b9fb rgb(132,185,251)
```
#97c4fb
```
#97c4fb rgb(151,196,251)
```
#aacefc
```
#aacefc rgb(170,206,252)
```
#bdd9fd
```
#bdd9fd rgb(189,217,253)
```
#d0e4fd
```
#d0e4fd rgb(208,228,253)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#838486
```
#838486 rgb(131,132,134)
```
#7a838f
```
#7a838f rgb(122,131,143)
```
#708299
```
#708299 rgb(112,130,153)
```
#6781a2
```
#6781a2 rgb(103,129,162)
```
#5d80ac
```
#5d80ac rgb(93,128,172)
```
#547fb5
```
#547fb5 rgb(84,127,181)
```
#4b7ebe
```
#4b7ebe rgb(75,126,190)
```
#417dc8
```
#417dc8 rgb(65,125,200)
```
#387cd1
```
#387cd1 rgb(56,124,209)
```
#2e7bdb
```
#2e7bdb rgb(46,123,219)
```
#257ae4
```
#257ae4 rgb(37,122,228)
```
#1b79ee
```
#1b79ee rgb(27,121,238)
```
#1278f7
```
#1278f7 rgb(18,120,247)
```

Tone Color Variation

Below, you can see how #1278f7 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

#686868 Achromatopsia 0.005% of the population
#576b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d7ff7 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#009098 Tritanopia 0.001% of the population

Trichromacy

#197cf7 Protanomaly 1% of men, 0.01% of women
#0680e5 Deuteranomaly 6% of men, 0.4% of women
#0687ba Tritanomaly 0.01% of the population

#1278f7 hex color

#1278f7 Color Information

#1278f7 Color Conversion

Color Schemes with #1278f7

Alternatives to #1278f7

#1278f7 Preview

Shades and Tints of #1278f7

Tones of #1278f7

Color Blindness Simulator