#1284b7 hex color

In a RGB color space, hex #1284b7 is composed of 7.1% red, 51.8% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 27.9% magenta, 0% yellow and 28.2% black. It has a hue angle of 198.5 degrees, a saturation of 82.1% and a lightness of 39.4%. #1284b7 color hex could be obtained by blending #24ffff with #00096f. Closest websafe color is: #0099cc.

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

● #1284b7 color description : Strong blue.

The hexadecimal color #1284b7 has RGB values of R:18, G:132, B:183 and CMYK values of C:0.9, M:0.28, Y:0, K:0.28. Its decimal value is 1213623.

Hex triplet	1284b7	`#1284b7`
RGB Decimal	18, 132, 183	`rgb(18,132,183)`
RGB Percent	7.1, 51.8, 71.8	`rgb(7.1%,51.8%,71.8%)`
CMYK	90, 28, 0, 28
HSL	198.5°, 82.1, 39.4	`hsl(198.5,82.1%,39.4%)`
HSV (or HSB)	198.5°, 90.2, 71.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	51.892, -10.672, -34.915
XYZ	17.046, 20.048, 47.768
xyY	0.201, 0.236, 20.048
CIE-LCH	51.892, 36.509, 253.004
CIE-LUV	51.892, -33.704, -51.945
Hunter-Lab	44.775, -10.403, -31.91
Binary	00010010, 10000100, 10110111

#1284b7
```
#1284b7 rgb(18,132,183)
```
#b74512
```
#b74512 rgb(183,69,18)
```

Complementary Color

#12b798
```
#12b798 rgb(18,183,152)
```
#1284b7
```
#1284b7 rgb(18,132,183)
```
#1232b7
```
#1232b7 rgb(18,50,183)
```

Analogous Color

#b79812
```
#b79812 rgb(183,152,18)
```
#1284b7
```
#1284b7 rgb(18,132,183)
```
#b71232
```
#b71232 rgb(183,18,50)
```

Split Complementary Color

#84b712
```
#84b712 rgb(132,183,18)
```
#1284b7
```
#1284b7 rgb(18,132,183)
```
#b71284
```
#b71284 rgb(183,18,132)
```

Triadic Color

#12b745
```
#12b745 rgb(18,183,69)
```
#1284b7
```
#1284b7 rgb(18,132,183)
```
#b71284
```
#b71284 rgb(183,18,132)
```
#b74512
```
#b74512 rgb(183,69,18)
```

Tetradic Color

#0b5271
```
#0b5271 rgb(11,82,113)
```
#0d6389
```
#0d6389 rgb(13,99,137)
```
#1073a0
```
#1073a0 rgb(16,115,160)
```
#1284b7
```
#1284b7 rgb(18,132,183)
```
#1495ce
```
#1495ce rgb(20,149,206)
```
#17a5e5
```
#17a5e5 rgb(23,165,229)
```
#2bafea
```
#2bafea rgb(43,175,234)
```

Monochromatic Color

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

#12adb7
```
#12adb7 rgb(18,173,183)
```
#12a0b7
```
#12a0b7 rgb(18,160,183)
```
#1292b7
```
#1292b7 rgb(18,146,183)
```
#1284b7
```
#1284b7 rgb(18,132,183)
```
#1276b7
```
#1276b7 rgb(18,118,183)
```
#1269b7
```
#1269b7 rgb(18,105,183)
```
#125bb7
```
#125bb7 rgb(18,91,183)
```

Similar Colors

Text with hexadecimal color #1284b7

This text has a font color of #1284b7.

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

#1284b7 background color

This paragraph has a background color of #1284b7.

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

#1284b7 border color

This element has a border color of #1284b7.

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

CSS codes

.text {color:#1284b7;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021016
```
#021016 rgb(2,16,22)
```
#041d28
```
#041d28 rgb(4,29,40)
```
#062a3a
```
#062a3a rgb(6,42,58)
```
#07374c
```
#07374c rgb(7,55,76)
```
#09445e
```
#09445e rgb(9,68,94)
```
#0b5070
```
#0b5070 rgb(11,80,112)
```
#0d5d81
```
#0d5d81 rgb(13,93,129)
```
#0e6a93
```
#0e6a93 rgb(14,106,147)
```
#1077a5
```
#1077a5 rgb(16,119,165)
```
#1284b7
```
#1284b7 rgb(18,132,183)
```
#1491c9
```
#1491c9 rgb(20,145,201)
```
#169edb
```
#169edb rgb(22,158,219)
```

Shade Color Variation

#1ba9e9
```
#1ba9e9 rgb(27,169,233)
```
#2db0ea
```
#2db0ea rgb(45,176,234)
```
#3fb7ec
```
#3fb7ec rgb(63,183,236)
```
#51bdee
```
#51bdee rgb(81,189,238)
```
#63c4f0
```
#63c4f0 rgb(99,196,240)
```
#75cbf1
```
#75cbf1 rgb(117,203,241)
```
#86d2f3
```
#86d2f3 rgb(134,210,243)
```
#98d8f5
```
#98d8f5 rgb(152,216,245)
```
#aadff7
```
#aadff7 rgb(170,223,247)
```
#bce6f8
```
#bce6f8 rgb(188,230,248)
```
#ceecfa
```
#ceecfa rgb(206,236,250)
```
#e0f3fc
```
#e0f3fc rgb(224,243,252)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

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

#5f666a
```
#5f666a rgb(95,102,106)
```
#586971
```
#586971 rgb(88,105,113)
```
#506c79
```
#506c79 rgb(80,108,121)
```
#486f81
```
#486f81 rgb(72,111,129)
```
#407289
```
#407289 rgb(64,114,137)
```
#397590
```
#397590 rgb(57,117,144)
```
#317898
```
#317898 rgb(49,120,152)
```
#297ba0
```
#297ba0 rgb(41,123,160)
```
#217ea8
```
#217ea8 rgb(33,126,168)
```
#1a81af
```
#1a81af rgb(26,129,175)
```
#1284b7
```
#1284b7 rgb(18,132,183)
```
#0a87bf
```
#0a87bf rgb(10,135,191)
```
#038ac6
```
#038ac6 rgb(3,138,198)
```

Tone Color Variation

Below, you can see how #1284b7 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
#576e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7180b3 Protanopia 1% of men
#6382be Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#4e81b4 Protanomaly 1% of men, 0.01% of women
#4682bb Deuteranomaly 6% of men, 0.4% of women
#068ba3 Tritanomaly 0.01% of the population

#1284b7 hex color

#1284b7 Color Information

#1284b7 Color Conversion

Color Schemes with #1284b7

Alternatives to #1284b7

#1284b7 Preview

Shades and Tints of #1284b7

Tones of #1284b7

Color Blindness Simulator