#1266f4 hex color

In a RGB color space, hex #1266f4 is composed of 7.1% red, 40% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 58.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 217.7 degrees, a saturation of 91.1% and a lightness of 51.4%. #1266f4 color hex could be obtained by blending #24ccff with #0000e9. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 7
- G 40
- B 96
RGB color chart
- C 93
- M 58
- Y 0
- K 4
CMYK color chart

● #1266f4 color description : Vivid blue.

The hexadecimal color #1266f4 has RGB values of R:18, G:102, B:244 and CMYK values of C:0.93, M:0.58, Y:0, K:0.04. Its decimal value is 1206004.

Hex triplet	1266f4	`#1266f4`
RGB Decimal	18, 102, 244	`rgb(18,102,244)`
RGB Percent	7.1, 40, 95.7	`rgb(7.1%,40%,95.7%)`
CMYK	93, 58, 0, 4
HSL	217.7°, 91.1, 51.4	`hsl(217.7,91.1%,51.4%)`
HSV (or HSB)	217.7°, 92.6, 95.7
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.185, 31.479, -77.058
XYZ	21.326, 16.161, 87.578
xyY	0.171, 0.129, 16.161
CIE-LCH	47.185, 83.24, 292.221
CIE-LUV	47.185, -21.966, -117.815
Hunter-Lab	40.201, 24.342, -101.023
Binary	00010010, 01100110, 11110100

#1266f4
```
#1266f4 rgb(18,102,244)
```
#f4a012
```
#f4a012 rgb(244,160,18)
```

Complementary Color

#12d7f4
```
#12d7f4 rgb(18,215,244)
```
#1266f4
```
#1266f4 rgb(18,102,244)
```
#2f12f4
```
#2f12f4 rgb(47,18,244)
```

Analogous Color

#d7f412
```
#d7f412 rgb(215,244,18)
```
#1266f4
```
#1266f4 rgb(18,102,244)
```
#f42f12
```
#f42f12 rgb(244,47,18)
```

Split Complementary Color

#66f412
```
#66f412 rgb(102,244,18)
```
#1266f4
```
#1266f4 rgb(18,102,244)
```
#f41266
```
#f41266 rgb(244,18,102)
```

Triadic Color

#12f4a0
```
#12f4a0 rgb(18,244,160)
```
#1266f4
```
#1266f4 rgb(18,102,244)
```
#f41266
```
#f41266 rgb(244,18,102)
```
#f4a012
```
#f4a012 rgb(244,160,18)
```

Tetradic Color

#0847b1
```
#0847b1 rgb(8,71,177)
```
#0951ca
```
#0951ca rgb(9,81,202)
```
#0a5be2
```
#0a5be2 rgb(10,91,226)
```
#1266f4
```
#1266f4 rgb(18,102,244)
```
#2a76f5
```
#2a76f5 rgb(42,118,245)
```
#4385f6
```
#4385f6 rgb(67,133,246)
```
#5b95f7
```
#5b95f7 rgb(91,149,247)
```

Monochromatic Color

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

#129ff4
```
#129ff4 rgb(18,159,244)
```
#128cf4
```
#128cf4 rgb(18,140,244)
```
#1279f4
```
#1279f4 rgb(18,121,244)
```
#1266f4
```
#1266f4 rgb(18,102,244)
```
#1253f4
```
#1253f4 rgb(18,83,244)
```
#1240f4
```
#1240f4 rgb(18,64,244)
```
#122df4
```
#122df4 rgb(18,45,244)
```

Similar Colors

Text with hexadecimal color #1266f4

This text has a font color of #1266f4.

<span style="color:#1266f4;">Text here</span>

#1266f4 background color

This paragraph has a background color of #1266f4.

<p style="background-color:#1266f4;">Content here</p>

#1266f4 border color

This element has a border color of #1266f4.

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

CSS codes

.text {color:#1266f4;}

.background {background-color:#1266f4;}

.border {border:1px solid #1266f4;}

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

#000307
```
#000307 rgb(0,3,7)
```
#010a19
```
#010a19 rgb(1,10,25)
```
#02122c
```
#02122c rgb(2,18,44)
```
#03193f
```
#03193f rgb(3,25,63)
```
#042152
```
#042152 rgb(4,33,82)
```
#052864
```
#052864 rgb(5,40,100)
```
#063077
```
#063077 rgb(6,48,119)
```
#06378a
```
#06378a rgb(6,55,138)
```
#073f9d
```
#073f9d rgb(7,63,157)
```
#0846af
```
#0846af rgb(8,70,175)
```
#094ec2
```
#094ec2 rgb(9,78,194)
```
#0a55d5
```
#0a55d5 rgb(10,85,213)
```
#0b5de8
```
#0b5de8 rgb(11,93,232)
```

Shade Color Variation

#1266f4
```
#1266f4 rgb(18,102,244)
```
#2572f5
```
#2572f5 rgb(37,114,245)
```
#377ef6
```
#377ef6 rgb(55,126,246)
```
#4a8af7
```
#4a8af7 rgb(74,138,247)
```
#5d96f7
```
#5d96f7 rgb(93,150,247)
```
#70a3f8
```
#70a3f8 rgb(112,163,248)
```
#82aff9
```
#82aff9 rgb(130,175,249)
```
#95bbfa
```
#95bbfa rgb(149,187,250)
```
#a8c7fb
```
#a8c7fb rgb(168,199,251)
```
#bbd3fc
```
#bbd3fc rgb(187,211,252)
```
#cddffd
```
#cddffd rgb(205,223,253)
```
#e0ebfe
```
#e0ebfe rgb(224,235,254)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

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

#7b818b
```
#7b818b rgb(123,129,139)
```
#717e95
```
#717e95 rgb(113,126,149)
```
#687c9e
```
#687c9e rgb(104,124,158)
```
#5e7aa8
```
#5e7aa8 rgb(94,122,168)
```
#5577b1
```
#5577b1 rgb(85,119,177)
```
#4b75bb
```
#4b75bb rgb(75,117,187)
```
#4272c4
```
#4272c4 rgb(66,114,196)
```
#3870ce
```
#3870ce rgb(56,112,206)
```
#2f6dd7
```
#2f6dd7 rgb(47,109,215)
```
#256be1
```
#256be1 rgb(37,107,225)
```
#1c68ea
```
#1c68ea rgb(28,104,234)
```
#1266f4
```
#1266f4 rgb(18,102,244)
```
#0864fe
```
#0864fe rgb(8,100,254)
```

Tone Color Variation

Below, you can see how #1266f4 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
#4e5f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#008389 Tritanopia 0.001% of the population

Trichromacy

#066ee8 Protanomaly 1% of men, 0.01% of women
#0672d6 Deuteranomaly 6% of men, 0.4% of women
#0678b0 Tritanomaly 0.01% of the population

#1266f4 hex color

#1266f4 Color Information

#1266f4 Color Conversion

Color Schemes with #1266f4

Alternatives to #1266f4

#1266f4 Preview

Shades and Tints of #1266f4

Tones of #1266f4

Color Blindness Simulator