#1284bf hex color

In a RGB color space, hex #1284bf is composed of 7.1% red, 51.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 30.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 200.5 degrees, a saturation of 82.8% and a lightness of 41%. #1284bf color hex could be obtained by blending #24ffff with #00097f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 52
- B 75
RGB color chart
- C 91
- M 31
- Y 0
- K 25
CMYK color chart

● #1284bf color description : Strong blue.

The hexadecimal color #1284bf has RGB values of R:18, G:132, B:191 and CMYK values of C:0.91, M:0.31, Y:0, K:0.25. Its decimal value is 1213631.

Hex triplet	1284bf	`#1284bf`
RGB Decimal	18, 132, 191	`rgb(18,132,191)`
RGB Percent	7.1, 51.8, 74.9	`rgb(7.1%,51.8%,74.9%)`
CMYK	91, 31, 0, 25
HSL	200.5°, 82.8, 41	`hsl(200.5,82.8%,41%)`
HSV (or HSB)	200.5°, 90.6, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.276, -7.683, -38.892
XYZ	17.902, 20.391, 52.28
xyY	0.198, 0.225, 20.391
CIE-LCH	52.276, 39.644, 258.825
CIE-LUV	52.276, -33.193, -58.776
Hunter-Lab	45.156, -8.257, -37.033
Binary	00010010, 10000100, 10111111

#1284bf
```
#1284bf rgb(18,132,191)
```
#bf4d12
```
#bf4d12 rgb(191,77,18)
```

Complementary Color

#12bfa4
```
#12bfa4 rgb(18,191,164)
```
#1284bf
```
#1284bf rgb(18,132,191)
```
#122ebf
```
#122ebf rgb(18,46,191)
```

Analogous Color

#bfa412
```
#bfa412 rgb(191,164,18)
```
#1284bf
```
#1284bf rgb(18,132,191)
```
#bf122e
```
#bf122e rgb(191,18,46)
```

Split Complementary Color

#84bf12
```
#84bf12 rgb(132,191,18)
```
#1284bf
```
#1284bf rgb(18,132,191)
```
#bf1284
```
#bf1284 rgb(191,18,132)
```

Triadic Color

#12bf4d
```
#12bf4d rgb(18,191,77)
```
#1284bf
```
#1284bf rgb(18,132,191)
```
#bf1284
```
#bf1284 rgb(191,18,132)
```
#bf4d12
```
#bf4d12 rgb(191,77,18)
```

Tetradic Color

#0b5479
```
#0b5479 rgb(11,84,121)
```
#0e6490
```
#0e6490 rgb(14,100,144)
```
#1074a8
```
#1074a8 rgb(16,116,168)
```
#1284bf
```
#1284bf rgb(18,132,191)
```
#1494d6
```
#1494d6 rgb(20,148,214)
```
#1ba3e9
```
#1ba3e9 rgb(27,163,233)
```
#32acec
```
#32acec rgb(50,172,236)
```

Monochromatic Color

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

#12afbf
```
#12afbf rgb(18,175,191)
```
#12a1bf
```
#12a1bf rgb(18,161,191)
```
#1292bf
```
#1292bf rgb(18,146,191)
```
#1284bf
```
#1284bf rgb(18,132,191)
```
#1276bf
```
#1276bf rgb(18,118,191)
```
#1267bf
```
#1267bf rgb(18,103,191)
```
#1259bf
```
#1259bf rgb(18,89,191)
```

Similar Colors

Text with hexadecimal color #1284bf

This text has a font color of #1284bf.

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

#1284bf background color

This paragraph has a background color of #1284bf.

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

#1284bf border color

This element has a border color of #1284bf.

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

CSS codes

.text {color:#1284bf;}

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

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

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

#01080c
```
#01080c rgb(1,8,12)
```
#03151e
```
#03151e rgb(3,21,30)
```
#042130
```
#042130 rgb(4,33,48)
```
#062d42
```
#062d42 rgb(6,45,66)
```
#083a53
```
#083a53 rgb(8,58,83)
```
#0a4665
```
#0a4665 rgb(10,70,101)
```
#0b5277
```
#0b5277 rgb(11,82,119)
```
#0d5f89
```
#0d5f89 rgb(13,95,137)
```
#0f6b9b
```
#0f6b9b rgb(15,107,155)
```
#1078ad
```
#1078ad rgb(16,120,173)
```
#1284bf
```
#1284bf rgb(18,132,191)
```
#1490d1
```
#1490d1 rgb(20,144,209)
```
#159de3
```
#159de3 rgb(21,157,227)
```

Shade Color Variation

#22a6ea
```
#22a6ea rgb(34,166,234)
```
#34adec
```
#34adec rgb(52,173,236)
```
#46b4ee
```
#46b4ee rgb(70,180,238)
```
#57bbef
```
#57bbef rgb(87,187,239)
```
#69c3f1
```
#69c3f1 rgb(105,195,241)
```
#7bcaf3
```
#7bcaf3 rgb(123,202,243)
```
#8dd1f4
```
#8dd1f4 rgb(141,209,244)
```
#9fd8f6
```
#9fd8f6 rgb(159,216,246)
```
#b1e0f8
```
#b1e0f8 rgb(177,224,248)
```
#c3e7f9
```
#c3e7f9 rgb(195,231,249)
```
#d5eefb
```
#d5eefb rgb(213,238,251)
```
#e7f5fd
```
#e7f5fd rgb(231,245,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626a6f is the less saturated color, while #0289cf is the most saturated one.

#626a6f
```
#626a6f rgb(98,106,111)
```
#5a6d77
```
#5a6d77 rgb(90,109,119)
```
#52707f
```
#52707f rgb(82,112,127)
```
#4a7287
```
#4a7287 rgb(74,114,135)
```
#42758f
```
#42758f rgb(66,117,143)
```
#3a7797
```
#3a7797 rgb(58,119,151)
```
#327a9f
```
#327a9f rgb(50,122,159)
```
#2a7ca7
```
#2a7ca7 rgb(42,124,167)
```
#227faf
```
#227faf rgb(34,127,175)
```
#1a81b7
```
#1a81b7 rgb(26,129,183)
```
#1284bf
```
#1284bf rgb(18,132,191)
```
#0a87c7
```
#0a87c7 rgb(10,135,199)
```
#0289cf
```
#0289cf rgb(2,137,207)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#586e7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e81bb Protanopia 1% of men
#5d83c5 Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#4c82bc Protanomaly 1% of men, 0.01% of women
#4183c2 Deuteranomaly 6% of men, 0.4% of women
#068ba7 Tritanomaly 0.01% of the population

#1284bf hex color

#1284bf Color Information

#1284bf Color Conversion

Color Schemes with #1284bf

Alternatives to #1284bf

#1284bf Preview

Shades and Tints of #1284bf

Tones of #1284bf

Color Blindness Simulator