#1284fe hex color

In a RGB color space, hex #1284fe is composed of 7.1% red, 51.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 48% magenta, 0% yellow and 0.4% black. It has a hue angle of 211 degrees, a saturation of 99.2% and a lightness of 53.3%. #1284fe color hex could be obtained by blending #24ffff with #0009fd. Closest websafe color is: #0099ff.

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

● #1284fe color description : Vivid blue.

The hexadecimal color #1284fe has RGB values of R:18, G:132, B:254 and CMYK values of C:0.93, M:0.48, Y:0, K:0. Its decimal value is 1213694.

Hex triplet	1284fe	`#1284fe`
RGB Decimal	18, 132, 254	`rgb(18,132,254)`
RGB Percent	7.1, 51.8, 99.6	`rgb(7.1%,51.8%,99.6%)`
CMYK	93, 48, 0, 0
HSL	211°, 99.2, 53.3	`hsl(211,99.2%,53.3%)`
HSV (or HSB)	211°, 92.9, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.871, 16.383, -68.5
XYZ	26.386, 23.785, 96.961
xyY	0.179, 0.162, 23.785
CIE-LCH	55.871, 70.432, 283.451
CIE-LUV	55.871, -29.964, -109.498
Hunter-Lab	48.769, 11.229, -83.739
Binary	00010010, 10000100, 11111110

#1284fe
```
#1284fe rgb(18,132,254)
```
#fe8c12
```
#fe8c12 rgb(254,140,18)
```

Complementary Color

#12fafe
```
#12fafe rgb(18,250,254)
```
#1284fe
```
#1284fe rgb(18,132,254)
```
#1612fe
```
#1612fe rgb(22,18,254)
```

Analogous Color

#fafe12
```
#fafe12 rgb(250,254,18)
```
#1284fe
```
#1284fe rgb(18,132,254)
```
#fe1612
```
#fe1612 rgb(254,22,18)
```

Split Complementary Color

#84fe12
```
#84fe12 rgb(132,254,18)
```
#1284fe
```
#1284fe rgb(18,132,254)
```
#fe1284
```
#fe1284 rgb(254,18,132)
```

Triadic Color

#12fe8c
```
#12fe8c rgb(18,254,140)
```
#1284fe
```
#1284fe rgb(18,132,254)
```
#fe1284
```
#fe1284 rgb(254,18,132)
```
#fe8c12
```
#fe8c12 rgb(254,140,18)
```

Tetradic Color

#015ec3
```
#015ec3 rgb(1,94,195)
```
#016bdc
```
#016bdc rgb(1,107,220)
```
#0177f5
```
#0177f5 rgb(1,119,245)
```
#1284fe
```
#1284fe rgb(18,132,254)
```
#2b91fe
```
#2b91fe rgb(43,145,254)
```
#459efe
```
#459efe rgb(69,158,254)
```
#5eacfe
```
#5eacfe rgb(94,172,254)
```

Monochromatic Color

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

#12bffe
```
#12bffe rgb(18,191,254)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#1298fe
```
#1298fe rgb(18,152,254)
```
#1284fe
```
#1284fe rgb(18,132,254)
```
#1270fe
```
#1270fe rgb(18,112,254)
```
#125dfe
```
#125dfe rgb(18,93,254)
```
#1249fe
```
#1249fe rgb(18,73,254)
```

Similar Colors

Text with hexadecimal color #1284fe

This text has a font color of #1284fe.

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

#1284fe background color

This paragraph has a background color of #1284fe.

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

#1284fe border color

This element has a border color of #1284fe.

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

CSS codes

.text {color:#1284fe;}

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

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

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

#000811
```
#000811 rgb(0,8,17)
```
#001224
```
#001224 rgb(0,18,36)
```
#001b38
```
#001b38 rgb(0,27,56)
```
#00254c
```
#00254c rgb(0,37,76)
```
#002e5f
```
#002e5f rgb(0,46,95)
```
#003873
```
#003873 rgb(0,56,115)
```
#014186
```
#014186 rgb(1,65,134)
```
#014b9a
```
#014b9a rgb(1,75,154)
```
#0154ad
```
#0154ad rgb(1,84,173)
```
#015ec1
```
#015ec1 rgb(1,94,193)
```
#0167d4
```
#0167d4 rgb(1,103,212)
```
#0170e8
```
#0170e8 rgb(1,112,232)
```
#017afb
```
#017afb rgb(1,122,251)
```

Shade Color Variation

#1284fe
```
#1284fe rgb(18,132,254)
```
#268efe
```
#268efe rgb(38,142,254)
```
#3998fe
```
#3998fe rgb(57,152,254)
```
#4da2fe
```
#4da2fe rgb(77,162,254)
```
#60adfe
```
#60adfe rgb(96,173,254)
```
#74b7fe
```
#74b7fe rgb(116,183,254)
```
#87c1fe
```
#87c1fe rgb(135,193,254)
```
#9bcbff
```
#9bcbff rgb(155,203,255)
```
#aed5ff
```
#aed5ff rgb(174,213,255)
```
#c2dfff
```
#c2dfff rgb(194,223,255)
```
#d5e9ff
```
#d5e9ff rgb(213,233,255)
```
#e9f4ff
```
#e9f4ff rgb(233,244,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#808890
```
#808890 rgb(128,136,144)
```
#778799
```
#778799 rgb(119,135,153)
```
#6e87a2
```
#6e87a2 rgb(110,135,162)
```
#6487ac
```
#6487ac rgb(100,135,172)
```
#5b86b5
```
#5b86b5 rgb(91,134,181)
```
#5286be
```
#5286be rgb(82,134,190)
```
#4986c7
```
#4986c7 rgb(73,134,199)
```
#4086d0
```
#4086d0 rgb(64,134,208)
```
#3785d9
```
#3785d9 rgb(55,133,217)
```
#2d85e3
```
#2d85e3 rgb(45,133,227)
```
#2485ec
```
#2485ec rgb(36,133,236)
```
#1b84f5
```
#1b84f5 rgb(27,132,245)
```
#1284fe
```
#1284fe rgb(18,132,254)
```

Tone Color Variation

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

#4288fc Protanopia 1% of men
#008eeb Deuteranopia 1% of men
#009aa2 Tritanopia 0.001% of the population

Trichromacy

#3086fc Protanomaly 1% of men, 0.01% of women
#068af2 Deuteranomaly 6% of men, 0.4% of women
#0692c3 Tritanomaly 0.01% of the population

#1284fe hex color

#1284fe Color Information

#1284fe Color Conversion

Color Schemes with #1284fe

Alternatives to #1284fe

#1284fe Preview

Shades and Tints of #1284fe

Tones of #1284fe

Color Blindness Simulator