#1236fd hex color

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

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

● #1236fd color description : Vivid blue.

The hexadecimal color #1236fd has RGB values of R:18, G:54, B:253 and CMYK values of C:0.93, M:0.79, Y:0, K:0.01. Its decimal value is 1193725.

Hex triplet	1236fd	`#1236fd`
RGB Decimal	18, 54, 253	`rgb(18,54,253)`
RGB Percent	7.1, 21.2, 99.2	`rgb(7.1%,21.2%,99.2%)`
CMYK	93, 79, 0, 1
HSL	230.8°, 98.3, 53.1	`hsl(230.8,98.3%,53.1%)`
HSV (or HSB)	230.8°, 92.9, 99.2
Web Safe	0033ff	`#0033ff`

CIE-LAB	37.585, 62.887, -97.92
XYZ	19.295, 9.857, 93.809
xyY	0.157, 0.08, 9.857
CIE-LCH	37.585, 116.375, 302.71
CIE-LUV	37.585, -12.601, -132.2
Hunter-Lab	31.396, 54.754, -155.175
Binary	00010010, 00110110, 11111101

#1236fd
```
#1236fd rgb(18,54,253)
```
#fdd912
```
#fdd912 rgb(253,217,18)
```

Complementary Color

#12acfd
```
#12acfd rgb(18,172,253)
```
#1236fd
```
#1236fd rgb(18,54,253)
```
#6312fd
```
#6312fd rgb(99,18,253)
```

Analogous Color

#acfd12
```
#acfd12 rgb(172,253,18)
```
#1236fd
```
#1236fd rgb(18,54,253)
```
#fd6312
```
#fd6312 rgb(253,99,18)
```

Split Complementary Color

#36fd12
```
#36fd12 rgb(54,253,18)
```
#1236fd
```
#1236fd rgb(18,54,253)
```
#fd1236
```
#fd1236 rgb(253,18,54)
```

Triadic Color

#12fdd9
```
#12fdd9 rgb(18,253,217)
```
#1236fd
```
#1236fd rgb(18,54,253)
```
#fd1236
```
#fd1236 rgb(253,18,54)
```
#fdd912
```
#fdd912 rgb(253,217,18)
```

Tetradic Color

#021fc1
```
#021fc1 rgb(2,31,193)
```
#0223da
```
#0223da rgb(2,35,218)
```
#0227f3
```
#0227f3 rgb(2,39,243)
```
#1236fd
```
#1236fd rgb(18,54,253)
```
#2b4bfd
```
#2b4bfd rgb(43,75,253)
```
#4561fd
```
#4561fd rgb(69,97,253)
```
#5e76fe
```
#5e76fe rgb(94,118,254)
```

Monochromatic Color

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

#1271fd
```
#1271fd rgb(18,113,253)
```
#125dfd
```
#125dfd rgb(18,93,253)
```
#124afd
```
#124afd rgb(18,74,253)
```
#1236fd
```
#1236fd rgb(18,54,253)
```
#1222fd
```
#1222fd rgb(18,34,253)
```
#1512fd
```
#1512fd rgb(21,18,253)
```
#2912fd
```
#2912fd rgb(41,18,253)
```

Similar Colors

Text with hexadecimal color #1236fd

This text has a font color of #1236fd.

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

#1236fd background color

This paragraph has a background color of #1236fd.

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

#1236fd border color

This element has a border color of #1236fd.

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

CSS codes

.text {color:#1236fd;}

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

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

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

#000310
```
#000310 rgb(0,3,16)
```
#000623
```
#000623 rgb(0,6,35)
```
#000937
```
#000937 rgb(0,9,55)
```
#010c4a
```
#010c4a rgb(1,12,74)
```
#010f5e
```
#010f5e rgb(1,15,94)
```
#011271
```
#011271 rgb(1,18,113)
```
#011585
```
#011585 rgb(1,21,133)
```
#011898
```
#011898 rgb(1,24,152)
```
#011bab
```
#011bab rgb(1,27,171)
```
#021fbf
```
#021fbf rgb(2,31,191)
```
#0222d2
```
#0222d2 rgb(2,34,210)
```
#0225e6
```
#0225e6 rgb(2,37,230)
```
#0228f9
```
#0228f9 rgb(2,40,249)
```

Shade Color Variation

#1236fd
```
#1236fd rgb(18,54,253)
```
#2546fd
```
#2546fd rgb(37,70,253)
```
#3957fd
```
#3957fd rgb(57,87,253)
```
#4c67fd
```
#4c67fd rgb(76,103,253)
```
#6078fe
```
#6078fe rgb(96,120,254)
```
#7388fe
```
#7388fe rgb(115,136,254)
```
#8799fe
```
#8799fe rgb(135,153,254)
```
#9aa9fe
```
#9aa9fe rgb(154,169,254)
```
#aebafe
```
#aebafe rgb(174,186,254)
```
#c1cafe
```
#c1cafe rgb(193,202,254)
```
#d5dbff
```
#d5dbff rgb(213,219,255)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#80838f
```
#80838f rgb(128,131,143)
```
#777c98
```
#777c98 rgb(119,124,152)
```
#6e76a1
```
#6e76a1 rgb(110,118,161)
```
#656faa
```
#656faa rgb(101,111,170)
```
#5c69b3
```
#5c69b3 rgb(92,105,179)
```
#5263bd
```
#5263bd rgb(82,99,189)
```
#495cc6
```
#495cc6 rgb(73,92,198)
```
#4056cf
```
#4056cf rgb(64,86,207)
```
#3750d8
```
#3750d8 rgb(55,80,216)
```
#2e49e1
```
#2e49e1 rgb(46,73,225)
```
#2443eb
```
#2443eb rgb(36,67,235)
```
#1b3cf4
```
#1b3cf4 rgb(27,60,244)
```
#1236fd
```
#1236fd rgb(18,54,253)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#384067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#064fd0 Protanomaly 1% of men, 0.01% of women
#0653c0 Deuteranomaly 6% of men, 0.4% of women
#0657a2 Tritanomaly 0.01% of the population

#1236fd hex color

#1236fd Color Information

#1236fd Color Conversion

Color Schemes with #1236fd

Alternatives to #1236fd

#1236fd Preview

Shades and Tints of #1236fd

Tones of #1236fd

Color Blindness Simulator