#1284f3 hex color

In a RGB color space, hex #1284f3 is composed of 7.1% red, 51.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 45.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 209.6 degrees, a saturation of 90.4% and a lightness of 51.2%. #1284f3 color hex could be obtained by blending #24ffff with #0009e7. Closest websafe color is: #0099ff.

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

● #1284f3 color description : Vivid blue.

The hexadecimal color #1284f3 has RGB values of R:18, G:132, B:243 and CMYK values of C:0.93, M:0.46, Y:0, K:0.05. Its decimal value is 1213683.

Hex triplet	1284f3	`#1284f3`
RGB Decimal	18, 132, 243	`rgb(18,132,243)`
RGB Percent	7.1, 51.8, 95.3	`rgb(7.1%,51.8%,95.3%)`
CMYK	93, 46, 0, 5
HSL	209.6°, 90.4, 51.2	`hsl(209.6,90.4%,51.2%)`
HSV (or HSB)	209.6°, 92.6, 95.3
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.175, 12.174, -63.543
XYZ	24.675, 23.1, 87.947
xyY	0.182, 0.17, 23.1
CIE-LCH	55.175, 64.699, 280.846
CIE-LUV	55.175, -30.422, -101.096
Hunter-Lab	48.062, 7.531, -74.848
Binary	00010010, 10000100, 11110011

#1284f3
```
#1284f3 rgb(18,132,243)
```
#f38112
```
#f38112 rgb(243,129,18)
```

Complementary Color

#12f3f2
```
#12f3f2 rgb(18,243,242)
```
#1284f3
```
#1284f3 rgb(18,132,243)
```
#1214f3
```
#1214f3 rgb(18,20,243)
```

Analogous Color

#f3f212
```
#f3f212 rgb(243,242,18)
```
#1284f3
```
#1284f3 rgb(18,132,243)
```
#f31214
```
#f31214 rgb(243,18,20)
```

Split Complementary Color

#84f312
```
#84f312 rgb(132,243,18)
```
#1284f3
```
#1284f3 rgb(18,132,243)
```
#f31284
```
#f31284 rgb(243,18,132)
```

Triadic Color

#12f381
```
#12f381 rgb(18,243,129)
```
#1284f3
```
#1284f3 rgb(18,132,243)
```
#f31284
```
#f31284 rgb(243,18,132)
```
#f38112
```
#f38112 rgb(243,129,18)
```

Tetradic Color

#095db0
```
#095db0 rgb(9,93,176)
```
#0a6ac8
```
#0a6ac8 rgb(10,106,200)
```
#0b77e0
```
#0b77e0 rgb(11,119,224)
```
#1284f3
```
#1284f3 rgb(18,132,243)
```
#2a91f4
```
#2a91f4 rgb(42,145,244)
```
#439df5
```
#439df5 rgb(67,157,245)
```
#5baaf7
```
#5baaf7 rgb(91,170,247)
```

Monochromatic Color

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

#12bcf3
```
#12bcf3 rgb(18,188,243)
```
#12aaf3
```
#12aaf3 rgb(18,170,243)
```
#1297f3
```
#1297f3 rgb(18,151,243)
```
#1284f3
```
#1284f3 rgb(18,132,243)
```
#1271f3
```
#1271f3 rgb(18,113,243)
```
#125ff3
```
#125ff3 rgb(18,95,243)
```
#124cf3
```
#124cf3 rgb(18,76,243)
```

Similar Colors

Text with hexadecimal color #1284f3

This text has a font color of #1284f3.

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

#1284f3 background color

This paragraph has a background color of #1284f3.

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

#1284f3 border color

This element has a border color of #1284f3.

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

CSS codes

.text {color:#1284f3;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010d18
```
#010d18 rgb(1,13,24)
```
#02172b
```
#02172b rgb(2,23,43)
```
#03213e
```
#03213e rgb(3,33,62)
```
#042b50
```
#042b50 rgb(4,43,80)
```
#053563
```
#053563 rgb(5,53,99)
```
#063f76
```
#063f76 rgb(6,63,118)
```
#074988
```
#074988 rgb(7,73,136)
```
#08529b
```
#08529b rgb(8,82,155)
```
#095cae
```
#095cae rgb(9,92,174)
```
#0a66c0
```
#0a66c0 rgb(10,102,192)
```
#0b70d3
```
#0b70d3 rgb(11,112,211)
```
#0c7ae6
```
#0c7ae6 rgb(12,122,230)
```

Shade Color Variation

#1284f3
```
#1284f3 rgb(18,132,243)
```
#258ef4
```
#258ef4 rgb(37,142,244)
```
#3797f5
```
#3797f5 rgb(55,151,245)
```
#4aa1f6
```
#4aa1f6 rgb(74,161,246)
```
#5dabf7
```
#5dabf7 rgb(93,171,247)
```
#6fb4f8
```
#6fb4f8 rgb(111,180,248)
```
#82bef9
```
#82bef9 rgb(130,190,249)
```
#95c8fa
```
#95c8fa rgb(149,200,250)
```
#a7d2fb
```
#a7d2fb rgb(167,210,251)
```
#badbfc
```
#badbfc rgb(186,219,252)
```
#cde5fc
```
#cde5fc rgb(205,229,252)
```
#dfeffd
```
#dfeffd rgb(223,239,253)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

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

#7b838a
```
#7b838a rgb(123,131,138)
```
#728393
```
#728393 rgb(114,131,147)
```
#68839d
```
#68839d rgb(104,131,157)
```
#5f83a6
```
#5f83a6 rgb(95,131,166)
```
#5583b0
```
#5583b0 rgb(85,131,176)
```
#4b83ba
```
#4b83ba rgb(75,131,186)
```
#4283c3
```
#4283c3 rgb(66,131,195)
```
#3883cd
```
#3883cd rgb(56,131,205)
```
#2f84d6
```
#2f84d6 rgb(47,132,214)
```
#2584e0
```
#2584e0 rgb(37,132,224)
```
#1c84e9
```
#1c84e9 rgb(28,132,233)
```
#1284f3
```
#1284f3 rgb(18,132,243)
```
#0884fd
```
#0884fd rgb(8,132,253)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5c7389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e87f0 Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a1 Tritanopia 0.001% of the population

Trichromacy

#3885f1 Protanomaly 1% of men, 0.01% of women
#0689ec Deuteranomaly 6% of men, 0.4% of women
#0690be Tritanomaly 0.01% of the population

#1284f3 hex color

#1284f3 Color Information

#1284f3 Color Conversion

Color Schemes with #1284f3

Alternatives to #1284f3

#1284f3 Preview

Shades and Tints of #1284f3

Tones of #1284f3

Color Blindness Simulator