#1284d4 hex color

In a RGB color space, hex #1284d4 is composed of 7.1% red, 51.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 37.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 204.7 degrees, a saturation of 84.3% and a lightness of 45.1%. #1284d4 color hex could be obtained by blending #24ffff with #0009a9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 52
- B 83
RGB color chart
- C 92
- M 38
- Y 0
- K 17
CMYK color chart

● #1284d4 color description : Strong blue.

The hexadecimal color #1284d4 has RGB values of R:18, G:132, B:212 and CMYK values of C:0.92, M:0.38, Y:0, K:0.17. Its decimal value is 1213652.

Hex triplet	1284d4	`#1284d4`
RGB Decimal	18, 132, 212	`rgb(18,132,212)`
RGB Percent	7.1, 51.8, 83.1	`rgb(7.1%,51.8%,83.1%)`
CMYK	92, 38, 0, 17
HSL	204.7°, 84.3, 45.1	`hsl(204.7,84.3%,45.1%)`
HSV (or HSB)	204.7°, 91.5, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.366, 0.284, -49.096
XYZ	20.382, 21.383, 65.337
xyY	0.19, 0.2, 21.383
CIE-LCH	53.366, 49.097, 270.331
CIE-LUV	53.366, -31.954, -76.352
Hunter-Lab	46.241, -2.246, -51.405
Binary	00010010, 10000100, 11010100

#1284d4
```
#1284d4 rgb(18,132,212)
```
#d46212
```
#d46212 rgb(212,98,18)
```

Complementary Color

#12d4c3
```
#12d4c3 rgb(18,212,195)
```
#1284d4
```
#1284d4 rgb(18,132,212)
```
#1223d4
```
#1223d4 rgb(18,35,212)
```

Analogous Color

#d4c312
```
#d4c312 rgb(212,195,18)
```
#1284d4
```
#1284d4 rgb(18,132,212)
```
#d41223
```
#d41223 rgb(212,18,35)
```

Split Complementary Color

#84d412
```
#84d412 rgb(132,212,18)
```
#1284d4
```
#1284d4 rgb(18,132,212)
```
#d41284
```
#d41284 rgb(212,18,132)
```

Triadic Color

#12d462
```
#12d462 rgb(18,212,98)
```
#1284d4
```
#1284d4 rgb(18,132,212)
```
#d41284
```
#d41284 rgb(212,18,132)
```
#d46212
```
#d46212 rgb(212,98,18)
```

Tetradic Color

#0c588d
```
#0c588d rgb(12,88,141)
```
#0e67a5
```
#0e67a5 rgb(14,103,165)
```
#1075bc
```
#1075bc rgb(16,117,188)
```
#1284d4
```
#1284d4 rgb(18,132,212)
```
#1493eb
```
#1493eb rgb(20,147,235)
```
#2c9ded
```
#2c9ded rgb(44,157,237)
```
#43a8ef
```
#43a8ef rgb(67,168,239)
```

Monochromatic Color

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

#12b5d4
```
#12b5d4 rgb(18,181,212)
```
#12a4d4
```
#12a4d4 rgb(18,164,212)
```
#1294d4
```
#1294d4 rgb(18,148,212)
```
#1284d4
```
#1284d4 rgb(18,132,212)
```
#1274d4
```
#1274d4 rgb(18,116,212)
```
#1264d4
```
#1264d4 rgb(18,100,212)
```
#1254d4
```
#1254d4 rgb(18,84,212)
```

Similar Colors

Text with hexadecimal color #1284d4

This text has a font color of #1284d4.

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

#1284d4 background color

This paragraph has a background color of #1284d4.

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

#1284d4 border color

This element has a border color of #1284d4.

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

CSS codes

.text {color:#1284d4;}

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

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

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, #01080d is the darkest color, while #fafdff is the lightest one.

#01080d
```
#01080d rgb(1,8,13)
```
#03131f
```
#03131f rgb(3,19,31)
```
#041f31
```
#041f31 rgb(4,31,49)
```
#062a43
```
#062a43 rgb(6,42,67)
```
#073555
```
#073555 rgb(7,53,85)
```
#094068
```
#094068 rgb(9,64,104)
```
#0a4c7a
```
#0a4c7a rgb(10,76,122)
```
#0c578c
```
#0c578c rgb(12,87,140)
```
#0d629e
```
#0d629e rgb(13,98,158)
```
#0f6db0
```
#0f6db0 rgb(15,109,176)
```
#1079c2
```
#1079c2 rgb(16,121,194)
```
#1284d4
```
#1284d4 rgb(18,132,212)
```
#148fe6
```
#148fe6 rgb(20,143,230)
```

Shade Color Variation

#2198ec
```
#2198ec rgb(33,152,236)
```
#33a1ee
```
#33a1ee rgb(51,161,238)
```
#45a9ef
```
#45a9ef rgb(69,169,239)
```
#57b1f1
```
#57b1f1 rgb(87,177,241)
```
#69baf2
```
#69baf2 rgb(105,186,242)
```
#7bc2f4
```
#7bc2f4 rgb(123,194,244)
```
#8ecbf5
```
#8ecbf5 rgb(142,203,245)
```
#a0d3f7
```
#a0d3f7 rgb(160,211,247)
```
#b2dbf8
```
#b2dbf8 rgb(178,219,248)
```
#c4e4fa
```
#c4e4fa rgb(196,228,250)
```
#d6ecfc
```
#d6ecfc rgb(214,236,252)
```
#e8f4fd
```
#e8f4fd rgb(232,244,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a747c is the less saturated color, while #0087e6 is the most saturated one.

#6a747c
```
#6a747c rgb(106,116,124)
```
#627684
```
#627684 rgb(98,118,132)
```
#59788d
```
#59788d rgb(89,120,141)
```
#507996
```
#507996 rgb(80,121,150)
```
#477b9f
```
#477b9f rgb(71,123,159)
```
#3e7ca8
```
#3e7ca8 rgb(62,124,168)
```
#357eb1
```
#357eb1 rgb(53,126,177)
```
#2d7fb9
```
#2d7fb9 rgb(45,127,185)
```
#2481c2
```
#2481c2 rgb(36,129,194)
```
#1b82cb
```
#1b82cb rgb(27,130,203)
```
#1284d4
```
#1284d4 rgb(18,132,212)
```
#0986dd
```
#0986dd rgb(9,134,221)
```
#0087e6
```
#0087e6 rgb(0,135,230)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#597080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6483d0 Protanopia 1% of men
#4587d7 Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#4683d1 Protanomaly 1% of men, 0.01% of women
#3286d6 Deuteranomaly 6% of men, 0.4% of women
#068db0 Tritanomaly 0.01% of the population

#1284d4 hex color

#1284d4 Color Information

#1284d4 Color Conversion

Color Schemes with #1284d4

Alternatives to #1284d4

#1284d4 Preview

Shades and Tints of #1284d4

Tones of #1284d4

Color Blindness Simulator