#1285fd hex color

In a RGB color space, hex #1285fd is composed of 7.1% red, 52.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 47.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 210.6 degrees, a saturation of 98.3% and a lightness of 53.1%. #1285fd color hex could be obtained by blending #24ffff with #000bfb. Closest websafe color is: #0099ff.

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

● #1285fd color description : Vivid blue.

The hexadecimal color #1285fd has RGB values of R:18, G:133, B:253 and CMYK values of C:0.93, M:0.47, Y:0, K:0.01. Its decimal value is 1213949.

Hex triplet	1285fd	`#1285fd`
RGB Decimal	18, 133, 253	`rgb(18,133,253)`
RGB Percent	7.1, 52.2, 99.2	`rgb(7.1%,52.2%,99.2%)`
CMYK	93, 47, 0, 1
HSL	210.6°, 98.3, 53.1	`hsl(210.6,98.3%,53.1%)`
HSV (or HSB)	210.6°, 92.9, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.081, 15.383, -67.611
XYZ	26.363, 23.993, 96.165
xyY	0.18, 0.164, 23.993
CIE-LCH	56.081, 69.339, 282.818
CIE-LUV	56.081, -30.299, -108.127
Hunter-Lab	48.983, 10.349, -82.112
Binary	00010010, 10000101, 11111101

#1285fd
```
#1285fd rgb(18,133,253)
```
#fd8a12
```
#fd8a12 rgb(253,138,18)
```

Complementary Color

#12fbfd
```
#12fbfd rgb(18,251,253)
```
#1285fd
```
#1285fd rgb(18,133,253)
```
#1512fd
```
#1512fd rgb(21,18,253)
```

Analogous Color

#fbfd12
```
#fbfd12 rgb(251,253,18)
```
#1285fd
```
#1285fd rgb(18,133,253)
```
#fd1512
```
#fd1512 rgb(253,21,18)
```

Split Complementary Color

#85fd12
```
#85fd12 rgb(133,253,18)
```
#1285fd
```
#1285fd rgb(18,133,253)
```
#fd1285
```
#fd1285 rgb(253,18,133)
```

Triadic Color

#12fd8a
```
#12fd8a rgb(18,253,138)
```
#1285fd
```
#1285fd rgb(18,133,253)
```
#fd1285
```
#fd1285 rgb(253,18,133)
```
#fd8a12
```
#fd8a12 rgb(253,138,18)
```

Tetradic Color

#025fc1
```
#025fc1 rgb(2,95,193)
```
#026cda
```
#026cda rgb(2,108,218)
```
#0278f3
```
#0278f3 rgb(2,120,243)
```
#1285fd
```
#1285fd rgb(18,133,253)
```
#2b92fd
```
#2b92fd rgb(43,146,253)
```
#459ffd
```
#459ffd rgb(69,159,253)
```
#5eacfe
```
#5eacfe rgb(94,172,254)
```

Monochromatic Color

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

#12c0fd
```
#12c0fd rgb(18,192,253)
```
#12acfd
```
#12acfd rgb(18,172,253)
```
#1299fd
```
#1299fd rgb(18,153,253)
```
#1285fd
```
#1285fd rgb(18,133,253)
```
#1271fd
```
#1271fd rgb(18,113,253)
```
#125efd
```
#125efd rgb(18,94,253)
```
#124afd
```
#124afd rgb(18,74,253)
```

Similar Colors

Text with hexadecimal color #1285fd

This text has a font color of #1285fd.

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

#1285fd background color

This paragraph has a background color of #1285fd.

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

#1285fd border color

This element has a border color of #1285fd.

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

CSS codes

.text {color:#1285fd;}

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

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

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

#000810
```
#000810 rgb(0,8,16)
```
#001123
```
#001123 rgb(0,17,35)
```
#001b37
```
#001b37 rgb(0,27,55)
```
#01254a
```
#01254a rgb(1,37,74)
```
#012e5e
```
#012e5e rgb(1,46,94)
```
#013871
```
#013871 rgb(1,56,113)
```
#014185
```
#014185 rgb(1,65,133)
```
#014b98
```
#014b98 rgb(1,75,152)
```
#0155ab
```
#0155ab rgb(1,85,171)
```
#025ebf
```
#025ebf rgb(2,94,191)
```
#0268d2
```
#0268d2 rgb(2,104,210)
```
#0271e6
```
#0271e6 rgb(2,113,230)
```
#027bf9
```
#027bf9 rgb(2,123,249)
```

Shade Color Variation

#1285fd
```
#1285fd rgb(18,133,253)
```
#258ffd
```
#258ffd rgb(37,143,253)
```
#3999fd
```
#3999fd rgb(57,153,253)
```
#4ca3fd
```
#4ca3fd rgb(76,163,253)
```
#60adfe
```
#60adfe rgb(96,173,254)
```
#73b7fe
```
#73b7fe rgb(115,183,254)
```
#87c1fe
```
#87c1fe rgb(135,193,254)
```
#9acbfe
```
#9acbfe rgb(154,203,254)
```
#aed5fe
```
#aed5fe rgb(174,213,254)
```
#c1dffe
```
#c1dffe rgb(193,223,254)
```
#d5e9ff
```
#d5e9ff rgb(213,233,255)
```
#e8f3ff
```
#e8f3ff rgb(232,243,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#80878f
```
#80878f rgb(128,135,143)
```
#778798
```
#778798 rgb(119,135,152)
```
#6e87a1
```
#6e87a1 rgb(110,135,161)
```
#6587aa
```
#6587aa rgb(101,135,170)
```
#5c87b3
```
#5c87b3 rgb(92,135,179)
```
#5286bd
```
#5286bd rgb(82,134,189)
```
#4986c6
```
#4986c6 rgb(73,134,198)
```
#4086cf
```
#4086cf rgb(64,134,207)
```
#3786d8
```
#3786d8 rgb(55,134,216)
```
#2e86e1
```
#2e86e1 rgb(46,134,225)
```
#2485eb
```
#2485eb rgb(36,133,235)
```
#1b85f4
```
#1b85f4 rgb(27,133,244)
```
#1285fd
```
#1285fd rgb(18,133,253)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5d748c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4688fa Protanopia 1% of men
#008fec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3387fb Protanomaly 1% of men, 0.01% of women
#068bf2 Deuteranomaly 6% of men, 0.4% of women
#0692c4 Tritanomaly 0.01% of the population

#1285fd hex color

#1285fd Color Information

#1285fd Color Conversion

Color Schemes with #1285fd

Alternatives to #1285fd

#1285fd Preview

Shades and Tints of #1285fd

Tones of #1285fd

Color Blindness Simulator