#1276f7 hex color

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

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

● #1276f7 color description : Vivid blue.

The hexadecimal color #1276f7 has RGB values of R:18, G:118, B:247 and CMYK values of C:0.93, M:0.52, Y:0, K:0.03. Its decimal value is 1210103.

Hex triplet	1276f7	`#1276f7`
RGB Decimal	18, 118, 247	`rgb(18,118,247)`
RGB Percent	7.1, 46.3, 96.9	`rgb(7.1%,46.3%,96.9%)`
CMYK	93, 52, 0, 3
HSL	213.8°, 93.5, 52	`hsl(213.8,93.5%,52%)`
HSV (or HSB)	213.8°, 92.7, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.609, 22.458, -71.527
XYZ	23.513, 19.799, 90.573
xyY	0.176, 0.148, 19.799
CIE-LCH	51.609, 74.97, 287.431
CIE-LUV	51.609, -26.184, -112.345
Hunter-Lab	44.496, 16.456, -89.54
Binary	00010010, 01110110, 11110111

#1276f7
```
#1276f7 rgb(18,118,247)
```
#f79312
```
#f79312 rgb(247,147,18)
```

Complementary Color

#12e9f7
```
#12e9f7 rgb(18,233,247)
```
#1276f7
```
#1276f7 rgb(18,118,247)
```
#2012f7
```
#2012f7 rgb(32,18,247)
```

Analogous Color

#e9f712
```
#e9f712 rgb(233,247,18)
```
#1276f7
```
#1276f7 rgb(18,118,247)
```
#f72112
```
#f72112 rgb(247,33,18)
```

Split Complementary Color

#76f712
```
#76f712 rgb(118,247,18)
```
#1276f7
```
#1276f7 rgb(18,118,247)
```
#f71276
```
#f71276 rgb(247,18,118)
```

Triadic Color

#12f793
```
#12f793 rgb(18,247,147)
```
#1276f7
```
#1276f7 rgb(18,118,247)
```
#f71276
```
#f71276 rgb(247,18,118)
```
#f79312
```
#f79312 rgb(247,147,18)
```

Tetradic Color

#0653b6
```
#0653b6 rgb(6,83,182)
```
#075ecf
```
#075ecf rgb(7,94,207)
```
#086ae8
```
#086ae8 rgb(8,106,232)
```
#1276f7
```
#1276f7 rgb(18,118,247)
```
#2b84f8
```
#2b84f8 rgb(43,132,248)
```
#4393f9
```
#4393f9 rgb(67,147,249)
```
#5ca1f9
```
#5ca1f9 rgb(92,161,249)
```

Monochromatic Color

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

#12aff7
```
#12aff7 rgb(18,175,247)
```
#129cf7
```
#129cf7 rgb(18,156,247)
```
#1289f7
```
#1289f7 rgb(18,137,247)
```
#1276f7
```
#1276f7 rgb(18,118,247)
```
#1263f7
```
#1263f7 rgb(18,99,247)
```
#1250f7
```
#1250f7 rgb(18,80,247)
```
#123df7
```
#123df7 rgb(18,61,247)
```

Similar Colors

Text with hexadecimal color #1276f7

This text has a font color of #1276f7.

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

#1276f7 background color

This paragraph has a background color of #1276f7.

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

#1276f7 border color

This element has a border color of #1276f7.

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

CSS codes

.text {color:#1276f7;}

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

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

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)
```
#021e43
```
#021e43 rgb(2,30,67)
```
#032756
```
#032756 rgb(3,39,86)
```
#043069
```
#043069 rgb(4,48,105)
```
#04387c
```
#04387c rgb(4,56,124)
```
#05418e
```
#05418e rgb(5,65,142)
```
#054aa1
```
#054aa1 rgb(5,74,161)
```
#0652b4
```
#0652b4 rgb(6,82,180)
```
#075bc7
```
#075bc7 rgb(7,91,199)
```
#0764da
```
#0764da rgb(7,100,218)
```
#086ced
```
#086ced rgb(8,108,237)
```

Shade Color Variation

#1276f7
```
#1276f7 rgb(18,118,247)
```
#2581f8
```
#2581f8 rgb(37,129,248)
```
#388cf8
```
#388cf8 rgb(56,140,248)
```
#4b97f9
```
#4b97f9 rgb(75,151,249)
```
#5ea2fa
```
#5ea2fa rgb(94,162,250)
```
#71adfa
```
#71adfa rgb(113,173,250)
```
#84b8fb
```
#84b8fb rgb(132,184,251)
```
#97c3fb
```
#97c3fb rgb(151,195,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 #1276f7 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)
```
#547eb5
```
#547eb5 rgb(84,126,181)
```
#4b7dbe
```
#4b7dbe rgb(75,125,190)
```
#417cc8
```
#417cc8 rgb(65,124,200)
```
#387bd1
```
#387bd1 rgb(56,123,209)
```
#2e7adb
```
#2e7adb rgb(46,122,219)
```
#2578e4
```
#2578e4 rgb(37,120,228)
```
#1b77ee
```
#1b77ee rgb(27,119,238)
```
#1276f7
```
#1276f7 rgb(18,118,247)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#566a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df7 Protanopia 1% of men
#0084d8 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#067af7 Protanomaly 1% of men, 0.01% of women
#067fe3 Deuteranomaly 6% of men, 0.4% of women
#0685b9 Tritanomaly 0.01% of the population

#1276f7 hex color

#1276f7 Color Information

#1276f7 Color Conversion

Color Schemes with #1276f7

Alternatives to #1276f7

#1276f7 Preview

Shades and Tints of #1276f7

Tones of #1276f7

Color Blindness Simulator