#1276ea hex color

In a RGB color space, hex #1276ea is composed of 7.1% red, 46.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 92.3% cyan, 49.6% magenta, 0% yellow and 8.2% black. It has a hue angle of 212.2 degrees, a saturation of 85.7% and a lightness of 49.4%. #1276ea color hex could be obtained by blending #24ecff with #0000d5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 7
- G 46
- B 92
RGB color chart
- C 92
- M 50
- Y 0
- K 8
CMYK color chart

● #1276ea color description : Vivid blue.

The hexadecimal color #1276ea has RGB values of R:18, G:118, B:234 and CMYK values of C:0.92, M:0.5, Y:0, K:0.08. Its decimal value is 1210090.

Hex triplet	1276ea	`#1276ea`
RGB Decimal	18, 118, 234	`rgb(18,118,234)`
RGB Percent	7.1, 46.3, 91.8	`rgb(7.1%,46.3%,91.8%)`
CMYK	92, 50, 0, 8
HSL	212.2°, 85.7, 49.4	`hsl(212.2,85.7%,49.4%)`
HSV (or HSB)	212.2°, 92.3, 91.8
Web Safe	0066ff	`#0066ff`

CIE-LAB	50.715, 17.443, -65.724
XYZ	21.576, 19.024, 80.372
xyY	0.178, 0.157, 19.024
CIE-LCH	50.715, 67.999, 284.864
CIE-LUV	50.715, -26.614, -102.803
Hunter-Lab	43.617, 11.97, -78.722
Binary	00010010, 01110110, 11101010

#1276ea
```
#1276ea rgb(18,118,234)
```
#ea8612
```
#ea8612 rgb(234,134,18)
```

Complementary Color

#12e2ea
```
#12e2ea rgb(18,226,234)
```
#1276ea
```
#1276ea rgb(18,118,234)
```
#1a12ea
```
#1a12ea rgb(26,18,234)
```

Analogous Color

#e2ea12
```
#e2ea12 rgb(226,234,18)
```
#1276ea
```
#1276ea rgb(18,118,234)
```
#ea1a12
```
#ea1a12 rgb(234,26,18)
```

Split Complementary Color

#76ea12
```
#76ea12 rgb(118,234,18)
```
#1276ea
```
#1276ea rgb(18,118,234)
```
#ea1276
```
#ea1276 rgb(234,18,118)
```

Triadic Color

#12ea86
```
#12ea86 rgb(18,234,134)
```
#1276ea
```
#1276ea rgb(18,118,234)
```
#ea1276
```
#ea1276 rgb(234,18,118)
```
#ea8612
```
#ea8612 rgb(234,134,18)
```

Tetradic Color

#0d52a3
```
#0d52a3 rgb(13,82,163)
```
#0e5ebb
```
#0e5ebb rgb(14,94,187)
```
#106ad2
```
#106ad2 rgb(16,106,210)
```
#1276ea
```
#1276ea rgb(18,118,234)
```
#2783ee
```
#2783ee rgb(39,131,238)
```
#3f91f0
```
#3f91f0 rgb(63,145,240)
```
#569ef2
```
#569ef2 rgb(86,158,242)
```

Monochromatic Color

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

#12acea
```
#12acea rgb(18,172,234)
```
#129aea
```
#129aea rgb(18,154,234)
```
#1288ea
```
#1288ea rgb(18,136,234)
```
#1276ea
```
#1276ea rgb(18,118,234)
```
#1264ea
```
#1264ea rgb(18,100,234)
```
#1252ea
```
#1252ea rgb(18,82,234)
```
#1240ea
```
#1240ea rgb(18,64,234)
```

Similar Colors

Text with hexadecimal color #1276ea

This text has a font color of #1276ea.

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

#1276ea background color

This paragraph has a background color of #1276ea.

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

#1276ea border color

This element has a border color of #1276ea.

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

CSS codes

.text {color:#1276ea;}

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

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

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, #01080f is the darkest color, while #fcfdff is the lightest one.

#01080f
```
#01080f rgb(1,8,15)
```
#031122
```
#031122 rgb(3,17,34)
```
#041a34
```
#041a34 rgb(4,26,52)
```
#052346
```
#052346 rgb(5,35,70)
```
#072d58
```
#072d58 rgb(7,45,88)
```
#08366b
```
#08366b rgb(8,54,107)
```
#0a3f7d
```
#0a3f7d rgb(10,63,125)
```
#0b488f
```
#0b488f rgb(11,72,143)
```
#0c51a1
```
#0c51a1 rgb(12,81,161)
```
#0e5ab3
```
#0e5ab3 rgb(14,90,179)
```
#0f64c6
```
#0f64c6 rgb(15,100,198)
```
#116dd8
```
#116dd8 rgb(17,109,216)
```
#1276ea
```
#1276ea rgb(18,118,234)
```

Shade Color Variation

#2280ee
```
#2280ee rgb(34,128,238)
```
#348bef
```
#348bef rgb(52,139,239)
```
#4695f1
```
#4695f1 rgb(70,149,241)
```
#58a0f2
```
#58a0f2 rgb(88,160,242)
```
#6baaf4
```
#6baaf4 rgb(107,170,244)
```
#7db4f5
```
#7db4f5 rgb(125,180,245)
```
#8fbff6
```
#8fbff6 rgb(143,191,246)
```
#a1c9f8
```
#a1c9f8 rgb(161,201,248)
```
#b3d4f9
```
#b3d4f9 rgb(179,212,249)
```
#c6defb
```
#c6defb rgb(198,222,251)
```
#d8e9fc
```
#d8e9fc rgb(216,233,252)
```
#eaf3fd
```
#eaf3fd rgb(234,243,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e7f is the less saturated color, while #0875f4 is the most saturated one.

#7d7e7f
```
#7d7e7f rgb(125,126,127)
```
#737d89
```
#737d89 rgb(115,125,137)
```
#697c93
```
#697c93 rgb(105,124,147)
```
#607c9c
```
#607c9c rgb(96,124,156)
```
#567ba6
```
#567ba6 rgb(86,123,166)
```
#4c7ab0
```
#4c7ab0 rgb(76,122,176)
```
#427aba
```
#427aba rgb(66,122,186)
```
#3979c3
```
#3979c3 rgb(57,121,195)
```
#2f78cd
```
#2f78cd rgb(47,120,205)
```
#2577d7
```
#2577d7 rgb(37,119,215)
```
#1c77e0
```
#1c77e0 rgb(28,119,224)
```
#1276ea
```
#1276ea rgb(18,118,234)
```
#0875f4
```
#0875f4 rgb(8,117,244)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#546880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#337cea Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#2779ea Protanomaly 1% of men, 0.01% of women
#067ddd Deuteranomaly 6% of men, 0.4% of women
#0684b3 Tritanomaly 0.01% of the population

#1276ea hex color

#1276ea Color Information

#1276ea Color Conversion

Color Schemes with #1276ea

Alternatives to #1276ea

#1276ea Preview

Shades and Tints of #1276ea

Tones of #1276ea

Color Blindness Simulator