#1277ff hex color

In a RGB color space, hex #1277ff is composed of 7.1% red, 46.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 53.3% magenta, 0% yellow and 0% black. It has a hue angle of 214.4 degrees, a saturation of 100% and a lightness of 53.5%. #1277ff color hex could be obtained by blending #24eeff with #0000ff. Closest websafe color is: #0066ff.

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

● #1277ff color description : Vivid blue.

The hexadecimal color #1277ff has RGB values of R:18, G:119, B:255 and CMYK values of C:0.93, M:0.53, Y:0, K:0. Its decimal value is 1210367.

Hex triplet	1277ff	`#1277ff`
RGB Decimal	18, 119, 255	`rgb(18,119,255)`
RGB Percent	7.1, 46.7, 100	`rgb(7.1%,46.7%,100%)`
CMYK	93, 53, 0, 0
HSL	214.4°, 100, 53.5	`hsl(214.4,100%,53.5%)`
HSV (or HSB)	214.4°, 92.9, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.442, 24.888, -74.607
XYZ	24.892, 20.54, 97.255
xyY	0.174, 0.144, 20.54
CIE-LCH	52.442, 78.648, 288.448
CIE-LUV	52.442, -26.225, -117.564
Hunter-Lab	45.321, 18.728, -95.506
Binary	00010010, 01110111, 11111111

#1277ff
```
#1277ff rgb(18,119,255)
```
#ff9a12
```
#ff9a12 rgb(255,154,18)
```

Complementary Color

#12eeff
```
#12eeff rgb(18,238,255)
```
#1277ff
```
#1277ff rgb(18,119,255)
```
#2312ff
```
#2312ff rgb(35,18,255)
```

Analogous Color

#eeff12
```
#eeff12 rgb(238,255,18)
```
#1277ff
```
#1277ff rgb(18,119,255)
```
#ff2412
```
#ff2412 rgb(255,36,18)
```

Split Complementary Color

#77ff12
```
#77ff12 rgb(119,255,18)
```
#1277ff
```
#1277ff rgb(18,119,255)
```
#ff1277
```
#ff1277 rgb(255,18,119)
```

Triadic Color

#12ff9a
```
#12ff9a rgb(18,255,154)
```
#1277ff
```
#1277ff rgb(18,119,255)
```
#ff1277
```
#ff1277 rgb(255,18,119)
```
#ff9a12
```
#ff9a12 rgb(255,154,18)
```

Tetradic Color

#0054c5
```
#0054c5 rgb(0,84,197)
```
#005fde
```
#005fde rgb(0,95,222)
```
#0069f8
```
#0069f8 rgb(0,105,248)
```
#1277ff
```
#1277ff rgb(18,119,255)
```
#2c86ff
```
#2c86ff rgb(44,134,255)
```
#4594ff
```
#4594ff rgb(69,148,255)
```
#5fa3ff
```
#5fa3ff rgb(95,163,255)
```

Monochromatic Color

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

#12b2ff
```
#12b2ff rgb(18,178,255)
```
#129fff
```
#129fff rgb(18,159,255)
```
#128bff
```
#128bff rgb(18,139,255)
```
#1277ff
```
#1277ff rgb(18,119,255)
```
#1263ff
```
#1263ff rgb(18,99,255)
```
#1250ff
```
#1250ff rgb(18,80,255)
```
#123cff
```
#123cff rgb(18,60,255)
```

Similar Colors

Text with hexadecimal color #1277ff

This text has a font color of #1277ff.

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

#1277ff background color

This paragraph has a background color of #1277ff.

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

#1277ff border color

This element has a border color of #1277ff.

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

CSS codes

.text {color:#1277ff;}

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

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

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

#000812
```
#000812 rgb(0,8,18)
```
#001026
```
#001026 rgb(0,16,38)
```
#001839
```
#001839 rgb(0,24,57)
```
#00214d
```
#00214d rgb(0,33,77)
```
#002960
```
#002960 rgb(0,41,96)
```
#003174
```
#003174 rgb(0,49,116)
```
#003a88
```
#003a88 rgb(0,58,136)
```
#00429b
```
#00429b rgb(0,66,155)
```
#004baf
```
#004baf rgb(0,75,175)
```
#0053c3
```
#0053c3 rgb(0,83,195)
```
#005bd6
```
#005bd6 rgb(0,91,214)
```
#0064ea
```
#0064ea rgb(0,100,234)
```
#006cfd
```
#006cfd rgb(0,108,253)
```

Shade Color Variation

#1277ff
```
#1277ff rgb(18,119,255)
```
#2682ff
```
#2682ff rgb(38,130,255)
```
#398eff
```
#398eff rgb(57,142,255)
```
#4d99ff
```
#4d99ff rgb(77,153,255)
```
#60a4ff
```
#60a4ff rgb(96,164,255)
```
#74afff
```
#74afff rgb(116,175,255)
```
#88bbff
```
#88bbff rgb(136,187,255)
```
#9bc6ff
```
#9bc6ff rgb(155,198,255)
```
#afd1ff
```
#afd1ff rgb(175,209,255)
```
#c3dcff
```
#c3dcff rgb(195,220,255)
```
#d6e8ff
```
#d6e8ff rgb(214,232,255)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7f8792
```
#7f8792 rgb(127,135,146)
```
#76869b
```
#76869b rgb(118,134,155)
```
#6d84a4
```
#6d84a4 rgb(109,132,164)
```
#6483ad
```
#6483ad rgb(100,131,173)
```
#5b82b6
```
#5b82b6 rgb(91,130,182)
```
#5280bf
```
#5280bf rgb(82,128,191)
```
#497fc8
```
#497fc8 rgb(73,127,200)
```
#407ed1
```
#407ed1 rgb(64,126,209)
```
#367cdb
```
#367cdb rgb(54,124,219)
```
#2d7be4
```
#2d7be4 rgb(45,123,228)
```
#247aed
```
#247aed rgb(36,122,237)
```
#1b78f6
```
#1b78f6 rgb(27,120,246)
```
#1277ff
```
#1277ff rgb(18,119,255)
```

Tone Color Variation

Below, you can see how #1277ff 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
#576b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ffa Protanopia 1% of men
#0086db Deuteranopia 1% of men
#009098 Tritanopia 0.001% of the population

Trichromacy

#067cfc Protanomaly 1% of men, 0.01% of women
#0681e8 Deuteranomaly 6% of men, 0.4% of women
#0687bd Tritanomaly 0.01% of the population

#1277ff hex color

#1277ff Color Information

#1277ff Color Conversion

Color Schemes with #1277ff

Alternatives to #1277ff

#1277ff Preview

Shades and Tints of #1277ff

Tones of #1277ff

Color Blindness Simulator