#1284b6 hex color

In a RGB color space, hex #1284b6 is composed of 7.1% red, 51.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 27.5% magenta, 0% yellow and 28.6% black. It has a hue angle of 198.3 degrees, a saturation of 82% and a lightness of 39.2%. #1284b6 color hex could be obtained by blending #24ffff with #00096d. 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

● #1284b6 color description : Strong blue.

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

Hex triplet	1284b6	`#1284b6`
RGB Decimal	18, 132, 182	`rgb(18,132,182)`
RGB Percent	7.1, 51.8, 71.4	`rgb(7.1%,51.8%,71.4%)`
CMYK	90, 27, 0, 29
HSL	198.3°, 82, 39.2	`hsl(198.3,82%,39.2%)`
HSV (or HSB)	198.3°, 90.1, 71.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	51.845, -11.043, -34.414
XYZ	16.942, 20.007, 47.222
xyY	0.201, 0.238, 20.007
CIE-LCH	51.845, 36.142, 252.209
CIE-LUV	51.845, -33.769, -51.087
Hunter-Lab	44.729, -10.665, -31.284
Binary	00010010, 10000100, 10110110

#1284b6
```
#1284b6 rgb(18,132,182)
```
#b64412
```
#b64412 rgb(182,68,18)
```

Complementary Color

#12b696
```
#12b696 rgb(18,182,150)
```
#1284b6
```
#1284b6 rgb(18,132,182)
```
#1232b6
```
#1232b6 rgb(18,50,182)
```

Analogous Color

#b69612
```
#b69612 rgb(182,150,18)
```
#1284b6
```
#1284b6 rgb(18,132,182)
```
#b61232
```
#b61232 rgb(182,18,50)
```

Split Complementary Color

#84b612
```
#84b612 rgb(132,182,18)
```
#1284b6
```
#1284b6 rgb(18,132,182)
```
#b61284
```
#b61284 rgb(182,18,132)
```

Triadic Color

#12b644
```
#12b644 rgb(18,182,68)
```
#1284b6
```
#1284b6 rgb(18,132,182)
```
#b61284
```
#b61284 rgb(182,18,132)
```
#b64412
```
#b64412 rgb(182,68,18)
```

Tetradic Color

#0b5270
```
#0b5270 rgb(11,82,112)
```
#0d6288
```
#0d6288 rgb(13,98,136)
```
#10739f
```
#10739f rgb(16,115,159)
```
#1284b6
```
#1284b6 rgb(18,132,182)
```
#1495cd
```
#1495cd rgb(20,149,205)
```
#17a6e4
```
#17a6e4 rgb(23,166,228)
```
#2bb0ea
```
#2bb0ea rgb(43,176,234)
```

Monochromatic Color

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

#12adb6
```
#12adb6 rgb(18,173,182)
```
#129fb6
```
#129fb6 rgb(18,159,182)
```
#1292b6
```
#1292b6 rgb(18,146,182)
```
#1284b6
```
#1284b6 rgb(18,132,182)
```
#1276b6
```
#1276b6 rgb(18,118,182)
```
#1269b6
```
#1269b6 rgb(18,105,182)
```
#125bb6
```
#125bb6 rgb(18,91,182)
```

Similar Colors

Text with hexadecimal color #1284b6

This text has a font color of #1284b6.

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

#1284b6 background color

This paragraph has a background color of #1284b6.

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

#1284b6 border color

This element has a border color of #1284b6.

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

CSS codes

.text {color:#1284b6;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#020f15
```
#020f15 rgb(2,15,21)
```
#041c27
```
#041c27 rgb(4,28,39)
```
#062939
```
#062939 rgb(6,41,57)
```
#07364b
```
#07364b rgb(7,54,75)
```
#09435d
```
#09435d rgb(9,67,93)
```
#0b506f
```
#0b506f rgb(11,80,111)
```
#0d5d80
```
#0d5d80 rgb(13,93,128)
```
#0e6a92
```
#0e6a92 rgb(14,106,146)
```
#1077a4
```
#1077a4 rgb(16,119,164)
```
#1284b6
```
#1284b6 rgb(18,132,182)
```
#1491c8
```
#1491c8 rgb(20,145,200)
```
#169eda
```
#169eda rgb(22,158,218)
```

Shade Color Variation

#1aaae8
```
#1aaae8 rgb(26,170,232)
```
#2cb0ea
```
#2cb0ea rgb(44,176,234)
```
#3eb7ec
```
#3eb7ec rgb(62,183,236)
```
#50beee
```
#50beee rgb(80,190,238)
```
#62c4ef
```
#62c4ef rgb(98,196,239)
```
#74cbf1
```
#74cbf1 rgb(116,203,241)
```
#86d2f3
```
#86d2f3 rgb(134,210,243)
```
#97d8f5
```
#97d8f5 rgb(151,216,245)
```
#a9dff7
```
#a9dff7 rgb(169,223,247)
```
#bbe6f8
```
#bbe6f8 rgb(187,230,248)
```
#cdecfa
```
#cdecfa rgb(205,236,250)
```
#dff3fc
```
#dff3fc rgb(223,243,252)
```
#f1fafe
```
#f1fafe rgb(241,250,254)
```

Tint Color Variation

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

#5f6669
```
#5f6669 rgb(95,102,105)
```
#576971
```
#576971 rgb(87,105,113)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#486f80
```
#486f80 rgb(72,111,128)
```
#407288
```
#407288 rgb(64,114,136)
```
#387590
```
#387590 rgb(56,117,144)
```
#317897
```
#317897 rgb(49,120,151)
```
#297b9f
```
#297b9f rgb(41,123,159)
```
#217ea7
```
#217ea7 rgb(33,126,167)
```
#1a81ae
```
#1a81ae rgb(26,129,174)
```
#1284b6
```
#1284b6 rgb(18,132,182)
```
#0a87be
```
#0a87be rgb(10,135,190)
```
#038ac5
```
#038ac5 rgb(3,138,197)
```

Tone Color Variation

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

#7180b2 Protanopia 1% of men
#6481bd Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

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

#1284b6 hex color

#1284b6 Color Information

#1284b6 Color Conversion

Color Schemes with #1284b6

Alternatives to #1284b6

#1284b6 Preview

Shades and Tints of #1284b6

Tones of #1284b6

Color Blindness Simulator