#1226fd hex color

In a RGB color space, hex #1226fd is composed of 7.1% red, 14.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 85% magenta, 0% yellow and 0.8% black. It has a hue angle of 234.9 degrees, a saturation of 98.3% and a lightness of 53.1%. #1226fd color hex could be obtained by blending #244cff with #0000fb. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 15
- B 99
RGB color chart
- C 93
- M 85
- Y 0
- K 1
CMYK color chart

● #1226fd color description : Vivid blue.

The hexadecimal color #1226fd has RGB values of R:18, G:38, B:253 and CMYK values of C:0.93, M:0.85, Y:0, K:0.01. Its decimal value is 1189629.

Hex triplet	1226fd	`#1226fd`
RGB Decimal	18, 38, 253	`rgb(18,38,253)`
RGB Percent	7.1, 14.9, 99.2	`rgb(7.1%,14.9%,99.2%)`
CMYK	93, 85, 0, 1
HSL	234.9°, 98.3, 53.1	`hsl(234.9,98.3%,53.1%)`
HSV (or HSB)	234.9°, 92.9, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.213, 69.899, -101.869
XYZ	18.669, 8.605, 93.6
xyY	0.154, 0.071, 8.605
CIE-LCH	35.213, 123.544, 304.457
CIE-LUV	35.213, -10.798, -131.661
Hunter-Lab	29.335, 62.262, -168.647
Binary	00010010, 00100110, 11111101

#1226fd
```
#1226fd rgb(18,38,253)
```
#fde912
```
#fde912 rgb(253,233,18)
```

Complementary Color

#129cfd
```
#129cfd rgb(18,156,253)
```
#1226fd
```
#1226fd rgb(18,38,253)
```
#7412fd
```
#7412fd rgb(116,18,253)
```

Analogous Color

#9cfd12
```
#9cfd12 rgb(156,253,18)
```
#1226fd
```
#1226fd rgb(18,38,253)
```
#fd7412
```
#fd7412 rgb(253,116,18)
```

Split Complementary Color

#26fd12
```
#26fd12 rgb(38,253,18)
```
#1226fd
```
#1226fd rgb(18,38,253)
```
#fd1226
```
#fd1226 rgb(253,18,38)
```

Triadic Color

#12fde9
```
#12fde9 rgb(18,253,233)
```
#1226fd
```
#1226fd rgb(18,38,253)
```
#fd1226
```
#fd1226 rgb(253,18,38)
```
#fde912
```
#fde912 rgb(253,233,18)
```

Tetradic Color

#0212c1
```
#0212c1 rgb(2,18,193)
```
#0214da
```
#0214da rgb(2,20,218)
```
#0217f3
```
#0217f3 rgb(2,23,243)
```
#1226fd
```
#1226fd rgb(18,38,253)
```
#2b3dfd
```
#2b3dfd rgb(43,61,253)
```
#4554fd
```
#4554fd rgb(69,84,253)
```
#5e6bfe
```
#5e6bfe rgb(94,107,254)
```

Monochromatic Color

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

#1261fd
```
#1261fd rgb(18,97,253)
```
#124dfd
```
#124dfd rgb(18,77,253)
```
#123afd
```
#123afd rgb(18,58,253)
```
#1226fd
```
#1226fd rgb(18,38,253)
```
#1212fd
```
#1212fd rgb(18,18,253)
```
#2512fd
```
#2512fd rgb(37,18,253)
```
#3912fd
```
#3912fd rgb(57,18,253)
```

Similar Colors

Text with hexadecimal color #1226fd

This text has a font color of #1226fd.

<span style="color:#1226fd;">Text here</span>

#1226fd background color

This paragraph has a background color of #1226fd.

<p style="background-color:#1226fd;">Content here</p>

#1226fd border color

This element has a border color of #1226fd.

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

CSS codes

.text {color:#1226fd;}

.background {background-color:#1226fd;}

.border {border:1px solid #1226fd;}

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

#000110
```
#000110 rgb(0,1,16)
```
#000323
```
#000323 rgb(0,3,35)
```
#000537
```
#000537 rgb(0,5,55)
```
#01074a
```
#01074a rgb(1,7,74)
```
#01095e
```
#01095e rgb(1,9,94)
```
#010b71
```
#010b71 rgb(1,11,113)
```
#010c85
```
#010c85 rgb(1,12,133)
```
#010e98
```
#010e98 rgb(1,14,152)
```
#0110ab
```
#0110ab rgb(1,16,171)
```
#0212bf
```
#0212bf rgb(2,18,191)
```
#0214d2
```
#0214d2 rgb(2,20,210)
```
#0215e6
```
#0215e6 rgb(2,21,230)
```
#0217f9
```
#0217f9 rgb(2,23,249)
```

Shade Color Variation

#1226fd
```
#1226fd rgb(18,38,253)
```
#2538fd
```
#2538fd rgb(37,56,253)
```
#394afd
```
#394afd rgb(57,74,253)
```
#4c5bfd
```
#4c5bfd rgb(76,91,253)
```
#606dfe
```
#606dfe rgb(96,109,254)
```
#737ffe
```
#737ffe rgb(115,127,254)
```
#8791fe
```
#8791fe rgb(135,145,254)
```
#9aa3fe
```
#9aa3fe rgb(154,163,254)
```
#aeb4fe
```
#aeb4fe rgb(174,180,254)
```
#c1c6fe
```
#c1c6fe rgb(193,198,254)
```
#d5d8ff
```
#d5d8ff rgb(213,216,255)
```
#e8eaff
```
#e8eaff rgb(232,234,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80828f is the less saturated color, while #1226fd is the most saturated one.

#80828f
```
#80828f rgb(128,130,143)
```
#777a98
```
#777a98 rgb(119,122,152)
```
#6e72a1
```
#6e72a1 rgb(110,114,161)
```
#656baa
```
#656baa rgb(101,107,170)
```
#5c63b3
```
#5c63b3 rgb(92,99,179)
```
#525bbd
```
#525bbd rgb(82,91,189)
```
#4954c6
```
#4954c6 rgb(73,84,198)
```
#404ccf
```
#404ccf rgb(64,76,207)
```
#3745d8
```
#3745d8 rgb(55,69,216)
```
#2e3de1
```
#2e3de1 rgb(46,61,225)
```
#2435eb
```
#2435eb rgb(36,53,235)
```
#1b2ef4
```
#1b2ef4 rgb(27,46,244)
```
#1226fd
```
#1226fd rgb(18,38,253)
```

Tone Color Variation

Below, you can see how #1226fd 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

#393939 Achromatopsia 0.005% of the population
#313560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006568 Tritanopia 0.001% of the population

Trichromacy

#0646ca Protanomaly 1% of men, 0.01% of women
#0649ba Deuteranomaly 6% of men, 0.4% of women
#064e9e Tritanomaly 0.01% of the population

#1226fd hex color

#1226fd Color Information

#1226fd Color Conversion

Color Schemes with #1226fd

Alternatives to #1226fd

#1226fd Preview

Shades and Tints of #1226fd

Tones of #1226fd

Color Blindness Simulator