#1284f1 hex color

In a RGB color space, hex #1284f1 is composed of 7.1% red, 51.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 45.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 209.3 degrees, a saturation of 88.8% and a lightness of 50.8%. #1284f1 color hex could be obtained by blending #24ffff with #0009e3. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 52
- B 95
RGB color chart
- C 93
- M 45
- Y 0
- K 5
CMYK color chart

● #1284f1 color description : Vivid blue.

The hexadecimal color #1284f1 has RGB values of R:18, G:132, B:241 and CMYK values of C:0.93, M:0.45, Y:0, K:0.05. Its decimal value is 1213681.

Hex triplet	1284f1	`#1284f1`
RGB Decimal	18, 132, 241	`rgb(18,132,241)`
RGB Percent	7.1, 51.8, 94.5	`rgb(7.1%,51.8%,94.5%)`
CMYK	93, 45, 0, 5
HSL	209.3°, 88.8, 50.8	`hsl(209.3,88.8%,50.8%)`
HSV (or HSB)	209.3°, 92.5, 94.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.052, 11.407, -62.633
XYZ	24.374, 22.98, 86.365
xyY	0.182, 0.172, 22.98
CIE-LCH	55.052, 63.663, 280.322
CIE-LUV	55.052, -30.51, -99.546
Hunter-Lab	47.937, 6.87, -73.263
Binary	00010010, 10000100, 11110001

#1284f1
```
#1284f1 rgb(18,132,241)
```
#f17f12
```
#f17f12 rgb(241,127,18)
```

Complementary Color

#12f1ef
```
#12f1ef rgb(18,241,239)
```
#1284f1
```
#1284f1 rgb(18,132,241)
```
#1215f1
```
#1215f1 rgb(18,21,241)
```

Analogous Color

#f1ef12
```
#f1ef12 rgb(241,239,18)
```
#1284f1
```
#1284f1 rgb(18,132,241)
```
#f11215
```
#f11215 rgb(241,18,21)
```

Split Complementary Color

#84f112
```
#84f112 rgb(132,241,18)
```
#1284f1
```
#1284f1 rgb(18,132,241)
```
#f11284
```
#f11284 rgb(241,18,132)
```

Triadic Color

#12f17f
```
#12f17f rgb(18,241,127)
```
#1284f1
```
#1284f1 rgb(18,132,241)
```
#f11284
```
#f11284 rgb(241,18,132)
```
#f17f12
```
#f17f12 rgb(241,127,18)
```

Tetradic Color

#0a5dac
```
#0a5dac rgb(10,93,172)
```
#0c6ac4
```
#0c6ac4 rgb(12,106,196)
```
#0d77dc
```
#0d77dc rgb(13,119,220)
```
#1284f1
```
#1284f1 rgb(18,132,241)
```
#2a90f2
```
#2a90f2 rgb(42,144,242)
```
#429df4
```
#429df4 rgb(66,157,244)
```
#5aa9f5
```
#5aa9f5 rgb(90,169,245)
```

Monochromatic Color

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

#12bcf1
```
#12bcf1 rgb(18,188,241)
```
#12a9f1
```
#12a9f1 rgb(18,169,241)
```
#1297f1
```
#1297f1 rgb(18,151,241)
```
#1284f1
```
#1284f1 rgb(18,132,241)
```
#1271f1
```
#1271f1 rgb(18,113,241)
```
#125ff1
```
#125ff1 rgb(18,95,241)
```
#124cf1
```
#124cf1 rgb(18,76,241)
```

Similar Colors

Text with hexadecimal color #1284f1

This text has a font color of #1284f1.

<span style="color:#1284f1;">Text here</span>

#1284f1 background color

This paragraph has a background color of #1284f1.

<p style="background-color:#1284f1;">Content here</p>

#1284f1 border color

This element has a border color of #1284f1.

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

CSS codes

.text {color:#1284f1;}

.background {background-color:#1284f1;}

.border {border:1px solid #1284f1;}

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

#000204
```
#000204 rgb(0,2,4)
```
#010c16
```
#010c16 rgb(1,12,22)
```
#021629
```
#021629 rgb(2,22,41)
```
#04203b
```
#04203b rgb(4,32,59)
```
#052a4e
```
#052a4e rgb(5,42,78)
```
#063460
```
#063460 rgb(6,52,96)
```
#073e73
```
#073e73 rgb(7,62,115)
```
#084885
```
#084885 rgb(8,72,133)
```
#095298
```
#095298 rgb(9,82,152)
```
#0a5caa
```
#0a5caa rgb(10,92,170)
```
#0b66bd
```
#0b66bd rgb(11,102,189)
```
#0c70d0
```
#0c70d0 rgb(12,112,208)
```
#0d7ae2
```
#0d7ae2 rgb(13,122,226)
```

Shade Color Variation

#1284f1
```
#1284f1 rgb(18,132,241)
```
#258ef2
```
#258ef2 rgb(37,142,242)
```
#3797f3
```
#3797f3 rgb(55,151,243)
```
#4aa1f4
```
#4aa1f4 rgb(74,161,244)
```
#5caaf5
```
#5caaf5 rgb(92,170,245)
```
#6fb4f6
```
#6fb4f6 rgb(111,180,246)
```
#81bef8
```
#81bef8 rgb(129,190,248)
```
#94c7f9
```
#94c7f9 rgb(148,199,249)
```
#a6d1fa
```
#a6d1fa rgb(166,209,250)
```
#b9dbfb
```
#b9dbfb rgb(185,219,251)
```
#cbe4fc
```
#cbe4fc rgb(203,228,252)
```
#deeefd
```
#deeefd rgb(222,238,253)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#7c8287
```
#7c8287 rgb(124,130,135)
```
#738290
```
#738290 rgb(115,130,144)
```
#69829a
```
#69829a rgb(105,130,154)
```
#5f82a4
```
#5f82a4 rgb(95,130,164)
```
#5682ad
```
#5682ad rgb(86,130,173)
```
#4c83b7
```
#4c83b7 rgb(76,131,183)
```
#4283c1
```
#4283c1 rgb(66,131,193)
```
#3983ca
```
#3983ca rgb(57,131,202)
```
#2f83d4
```
#2f83d4 rgb(47,131,212)
```
#2584de
```
#2584de rgb(37,132,222)
```
#1c84e7
```
#1c84e7 rgb(28,132,231)
```
#1284f1
```
#1284f1 rgb(18,132,241)
```
#0884fb
```
#0884fb rgb(8,132,251)
```

Tone Color Variation

Below, you can see how #1284f1 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

#6e6e6e Achromatopsia 0.005% of the population
#5c7288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5086ee Protanopia 1% of men
#008ce9 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#3985ef Protanomaly 1% of men, 0.01% of women
#0689ec Deuteranomaly 6% of men, 0.4% of women
#0690bd Tritanomaly 0.01% of the population

#1284f1 hex color

#1284f1 Color Information

#1284f1 Color Conversion

Color Schemes with #1284f1

Alternatives to #1284f1

#1284f1 Preview

Shades and Tints of #1284f1

Tones of #1284f1

Color Blindness Simulator