#1284b5 hex color

In a RGB color space, hex #1284b5 is composed of 7.1% red, 51.8% green and 71% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 27.1% magenta, 0% yellow and 29% black. It has a hue angle of 198 degrees, a saturation of 81.9% and a lightness of 39%. #1284b5 color hex could be obtained by blending #24ffff with #00096b. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 52
- B 71
RGB color chart
- C 90
- M 27
- Y 0
- K 29
CMYK color chart

● #1284b5 color description : Strong blue.

The hexadecimal color #1284b5 has RGB values of R:18, G:132, B:181 and CMYK values of C:0.9, M:0.27, Y:0, K:0.29. Its decimal value is 1213621.

Hex triplet	1284b5	`#1284b5`
RGB Decimal	18, 132, 181	`rgb(18,132,181)`
RGB Percent	7.1, 51.8, 71	`rgb(7.1%,51.8%,71%)`
CMYK	90, 27, 0, 29
HSL	198°, 81.9, 39	`hsl(198,81.9%,39%)`
HSV (or HSB)	198°, 90.1, 71
Web Safe	0099cc	`#0099cc`

CIE-LAB	51.798, -11.413, -33.912
XYZ	16.839, 19.966, 46.68
xyY	0.202, 0.239, 19.966
CIE-LCH	51.798, 35.782, 251.399
CIE-LUV	51.798, -33.835, -50.228
Hunter-Lab	44.683, -10.926, -30.661
Binary	00010010, 10000100, 10110101

#1284b5
```
#1284b5 rgb(18,132,181)
```
#b54312
```
#b54312 rgb(181,67,18)
```

Complementary Color

#12b595
```
#12b595 rgb(18,181,149)
```
#1284b5
```
#1284b5 rgb(18,132,181)
```
#1233b5
```
#1233b5 rgb(18,51,181)
```

Analogous Color

#b59512
```
#b59512 rgb(181,149,18)
```
#1284b5
```
#1284b5 rgb(18,132,181)
```
#b51233
```
#b51233 rgb(181,18,51)
```

Split Complementary Color

#84b512
```
#84b512 rgb(132,181,18)
```
#1284b5
```
#1284b5 rgb(18,132,181)
```
#b51284
```
#b51284 rgb(181,18,132)
```

Triadic Color

#12b543
```
#12b543 rgb(18,181,67)
```
#1284b5
```
#1284b5 rgb(18,132,181)
```
#b51284
```
#b51284 rgb(181,18,132)
```
#b54312
```
#b54312 rgb(181,67,18)
```

Tetradic Color

#0b516f
```
#0b516f rgb(11,81,111)
```
#0d6287
```
#0d6287 rgb(13,98,135)
```
#10739e
```
#10739e rgb(16,115,158)
```
#1284b5
```
#1284b5 rgb(18,132,181)
```
#1495cc
```
#1495cc rgb(20,149,204)
```
#17a6e3
```
#17a6e3 rgb(23,166,227)
```
#2ab0ea
```
#2ab0ea rgb(42,176,234)
```

Monochromatic Color

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

#12adb5
```
#12adb5 rgb(18,173,181)
```
#129fb5
```
#129fb5 rgb(18,159,181)
```
#1292b5
```
#1292b5 rgb(18,146,181)
```
#1284b5
```
#1284b5 rgb(18,132,181)
```
#1276b5
```
#1276b5 rgb(18,118,181)
```
#1269b5
```
#1269b5 rgb(18,105,181)
```
#125bb5
```
#125bb5 rgb(18,91,181)
```

Similar Colors

Text with hexadecimal color #1284b5

This text has a font color of #1284b5.

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

#1284b5 background color

This paragraph has a background color of #1284b5.

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

#1284b5 border color

This element has a border color of #1284b5.

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

CSS codes

.text {color:#1284b5;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020f14
```
#020f14 rgb(2,15,20)
```
#041c26
```
#041c26 rgb(4,28,38)
```
#062938
```
#062938 rgb(6,41,56)
```
#07364a
```
#07364a rgb(7,54,74)
```
#09435c
```
#09435c rgb(9,67,92)
```
#0b506e
```
#0b506e rgb(11,80,110)
```
#0d5d7f
```
#0d5d7f rgb(13,93,127)
```
#0e6a91
```
#0e6a91 rgb(14,106,145)
```
#1077a3
```
#1077a3 rgb(16,119,163)
```
#1284b5
```
#1284b5 rgb(18,132,181)
```
#1491c7
```
#1491c7 rgb(20,145,199)
```
#169ed9
```
#169ed9 rgb(22,158,217)
```

Shade Color Variation

#1aaae8
```
#1aaae8 rgb(26,170,232)
```
#2bb1ea
```
#2bb1ea rgb(43,177,234)
```
#3db7ec
```
#3db7ec rgb(61,183,236)
```
#4fbeee
```
#4fbeee rgb(79,190,238)
```
#61c5ef
```
#61c5ef rgb(97,197,239)
```
#73cbf1
```
#73cbf1 rgb(115,203,241)
```
#85d2f3
```
#85d2f3 rgb(133,210,243)
```
#97d8f5
```
#97d8f5 rgb(151,216,245)
```
#a8dff6
```
#a8dff6 rgb(168,223,246)
```
#bae6f8
```
#bae6f8 rgb(186,230,248)
```
#ccecfa
```
#ccecfa rgb(204,236,250)
```
#def3fc
```
#def3fc rgb(222,243,252)
```
#f0f9fd
```
#f0f9fd rgb(240,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6568 is the less saturated color, while #038ac4 is the most saturated one.

#5f6568
```
#5f6568 rgb(95,101,104)
```
#576970
```
#576970 rgb(87,105,112)
```
#4f6c78
```
#4f6c78 rgb(79,108,120)
```
#486f7f
```
#486f7f rgb(72,111,127)
```
#407287
```
#407287 rgb(64,114,135)
```
#38758f
```
#38758f rgb(56,117,143)
```
#317896
```
#317896 rgb(49,120,150)
```
#297b9e
```
#297b9e rgb(41,123,158)
```
#217ea6
```
#217ea6 rgb(33,126,166)
```
#1a81ad
```
#1a81ad rgb(26,129,173)
```
#1284b5
```
#1284b5 rgb(18,132,181)
```
#0a87bd
```
#0a87bd rgb(10,135,189)
```
#038ac4
```
#038ac4 rgb(3,138,196)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#576e77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7280b1 Protanopia 1% of men
#6581bc Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#4f81b2 Protanomaly 1% of men, 0.01% of women
#4782b9 Deuteranomaly 6% of men, 0.4% of women
#068ba3 Tritanomaly 0.01% of the population

#1284b5 hex color

#1284b5 Color Information

#1284b5 Color Conversion

Color Schemes with #1284b5

Alternatives to #1284b5

#1284b5 Preview

Shades and Tints of #1284b5

Tones of #1284b5

Color Blindness Simulator