#1284d0 hex color

In a RGB color space, hex #1284d0 is composed of 7.1% red, 51.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 36.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 204 degrees, a saturation of 84.1% and a lightness of 44.3%. #1284d0 color hex could be obtained by blending #24ffff with #0009a1. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 52
- B 82
RGB color chart
- C 91
- M 37
- Y 0
- K 18
CMYK color chart

● #1284d0 color description : Strong blue.

The hexadecimal color #1284d0 has RGB values of R:18, G:132, B:208 and CMYK values of C:0.91, M:0.37, Y:0, K:0.18. Its decimal value is 1213648.

Hex triplet	1284d0	`#1284d0`
RGB Decimal	18, 132, 208	`rgb(18,132,208)`
RGB Percent	7.1, 51.8, 81.6	`rgb(7.1%,51.8%,81.6%)`
CMYK	91, 37, 0, 18
HSL	204°, 84.1, 44.3	`hsl(204,84.1%,44.3%)`
HSV (or HSB)	204°, 91.3, 81.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.15, -1.244, -47.179
XYZ	19.883, 21.183, 62.712
xyY	0.192, 0.204, 21.183
CIE-LCH	53.15, 47.196, 268.49
CIE-LUV	53.15, -32.178, -73.05
Hunter-Lab	46.025, -3.432, -48.568
Binary	00010010, 10000100, 11010000

#1284d0
```
#1284d0 rgb(18,132,208)
```
#d05e12
```
#d05e12 rgb(208,94,18)
```

Complementary Color

#12d0bd
```
#12d0bd rgb(18,208,189)
```
#1284d0
```
#1284d0 rgb(18,132,208)
```
#1225d0
```
#1225d0 rgb(18,37,208)
```

Analogous Color

#d0bd12
```
#d0bd12 rgb(208,189,18)
```
#1284d0
```
#1284d0 rgb(18,132,208)
```
#d01225
```
#d01225 rgb(208,18,37)
```

Split Complementary Color

#84d012
```
#84d012 rgb(132,208,18)
```
#1284d0
```
#1284d0 rgb(18,132,208)
```
#d01284
```
#d01284 rgb(208,18,132)
```

Triadic Color

#12d05e
```
#12d05e rgb(18,208,94)
```
#1284d0
```
#1284d0 rgb(18,132,208)
```
#d01284
```
#d01284 rgb(208,18,132)
```
#d05e12
```
#d05e12 rgb(208,94,18)
```

Tetradic Color

#0c578a
```
#0c578a rgb(12,87,138)
```
#0e66a1
```
#0e66a1 rgb(14,102,161)
```
#1075b9
```
#1075b9 rgb(16,117,185)
```
#1284d0
```
#1284d0 rgb(18,132,208)
```
#1493e7
```
#1493e7 rgb(20,147,231)
```
#299eec
```
#299eec rgb(41,158,236)
```
#40a9ee
```
#40a9ee rgb(64,169,238)
```

Monochromatic Color

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

#12b4d0
```
#12b4d0 rgb(18,180,208)
```
#12a4d0
```
#12a4d0 rgb(18,164,208)
```
#1294d0
```
#1294d0 rgb(18,148,208)
```
#1284d0
```
#1284d0 rgb(18,132,208)
```
#1274d0
```
#1274d0 rgb(18,116,208)
```
#1264d0
```
#1264d0 rgb(18,100,208)
```
#1255d0
```
#1255d0 rgb(18,85,208)
```

Similar Colors

Text with hexadecimal color #1284d0

This text has a font color of #1284d0.

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

#1284d0 background color

This paragraph has a background color of #1284d0.

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

#1284d0 border color

This element has a border color of #1284d0.

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

CSS codes

.text {color:#1284d0;}

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

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

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

#010609
```
#010609 rgb(1,6,9)
```
#02111b
```
#02111b rgb(2,17,27)
```
#041d2e
```
#041d2e rgb(4,29,46)
```
#062840
```
#062840 rgb(6,40,64)
```
#073452
```
#073452 rgb(7,52,82)
```
#093f64
```
#093f64 rgb(9,63,100)
```
#0a4b76
```
#0a4b76 rgb(10,75,118)
```
#0c5688
```
#0c5688 rgb(12,86,136)
```
#0d629a
```
#0d629a rgb(13,98,154)
```
#0f6dac
```
#0f6dac rgb(15,109,172)
```
#1079be
```
#1079be rgb(16,121,190)
```
#1284d0
```
#1284d0 rgb(18,132,208)
```
#148fe2
```
#148fe2 rgb(20,143,226)
```

Shade Color Variation

#1e99ec
```
#1e99ec rgb(30,153,236)
```
#30a1ed
```
#30a1ed rgb(48,161,237)
```
#42aaef
```
#42aaef rgb(66,170,239)
```
#54b2f0
```
#54b2f0 rgb(84,178,240)
```
#66baf2
```
#66baf2 rgb(102,186,242)
```
#78c2f3
```
#78c2f3 rgb(120,194,243)
```
#8acaf5
```
#8acaf5 rgb(138,202,245)
```
#9cd2f6
```
#9cd2f6 rgb(156,210,246)
```
#aedaf8
```
#aedaf8 rgb(174,218,248)
```
#c0e3fa
```
#c0e3fa rgb(192,227,250)
```
#d2ebfb
```
#d2ebfb rgb(210,235,251)
```
#e4f3fd
```
#e4f3fd rgb(228,243,253)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

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

#697379
```
#697379 rgb(105,115,121)
```
#607482
```
#607482 rgb(96,116,130)
```
#58768a
```
#58768a rgb(88,118,138)
```
#4f7893
```
#4f7893 rgb(79,120,147)
```
#467a9c
```
#467a9c rgb(70,122,156)
```
#3d7ba5
```
#3d7ba5 rgb(61,123,165)
```
#357dad
```
#357dad rgb(53,125,173)
```
#2c7fb6
```
#2c7fb6 rgb(44,127,182)
```
#2381bf
```
#2381bf rgb(35,129,191)
```
#1b82c7
```
#1b82c7 rgb(27,130,199)
```
#1284d0
```
#1284d0 rgb(18,132,208)
```
#0986d9
```
#0986d9 rgb(9,134,217)
```
#0187e1
```
#0187e1 rgb(1,135,225)
```

Tone Color Variation

Below, you can see how #1284d0 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
#59707f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6683cc Protanopia 1% of men
#4b86d4 Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#4883cd Protanomaly 1% of men, 0.01% of women
#3685d2 Deuteranomaly 6% of men, 0.4% of women
#068dae Tritanomaly 0.01% of the population

#1284d0 hex color

#1284d0 Color Information

#1284d0 Color Conversion

Color Schemes with #1284d0

Alternatives to #1284d0

#1284d0 Preview

Shades and Tints of #1284d0

Tones of #1284d0

Color Blindness Simulator