#1284bd hex color

In a RGB color space, hex #1284bd is composed of 7.1% red, 51.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 30.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 200 degrees, a saturation of 82.6% and a lightness of 40.6%. #1284bd color hex could be obtained by blending #24ffff with #00097b. Closest websafe color is: #0099cc.

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

● #1284bd color description : Strong blue.

The hexadecimal color #1284bd has RGB values of R:18, G:132, B:189 and CMYK values of C:0.9, M:0.3, Y:0, K:0.26. Its decimal value is 1213629.

Hex triplet	1284bd	`#1284bd`
RGB Decimal	18, 132, 189	`rgb(18,132,189)`
RGB Percent	7.1, 51.8, 74.1	`rgb(7.1%,51.8%,74.1%)`
CMYK	90, 30, 0, 26
HSL	200°, 82.6, 40.6	`hsl(200,82.6%,40.6%)`
HSV (or HSB)	200°, 90.5, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.179, -8.434, -37.903
XYZ	17.684, 20.304, 51.128
xyY	0.198, 0.228, 20.304
CIE-LCH	52.179, 38.83, 257.456
CIE-LUV	52.179, -33.319, -57.074
Hunter-Lab	45.059, -8.801, -35.734
Binary	00010010, 10000100, 10111101

#1284bd
```
#1284bd rgb(18,132,189)
```
#bd4b12
```
#bd4b12 rgb(189,75,18)
```

Complementary Color

#12bda1
```
#12bda1 rgb(18,189,161)
```
#1284bd
```
#1284bd rgb(18,132,189)
```
#122fbd
```
#122fbd rgb(18,47,189)
```

Analogous Color

#bda112
```
#bda112 rgb(189,161,18)
```
#1284bd
```
#1284bd rgb(18,132,189)
```
#bd122f
```
#bd122f rgb(189,18,47)
```

Split Complementary Color

#84bd12
```
#84bd12 rgb(132,189,18)
```
#1284bd
```
#1284bd rgb(18,132,189)
```
#bd1284
```
#bd1284 rgb(189,18,132)
```

Triadic Color

#12bd4b
```
#12bd4b rgb(18,189,75)
```
#1284bd
```
#1284bd rgb(18,132,189)
```
#bd1284
```
#bd1284 rgb(189,18,132)
```
#bd4b12
```
#bd4b12 rgb(189,75,18)
```

Tetradic Color

#0b5377
```
#0b5377 rgb(11,83,119)
```
#0e638e
```
#0e638e rgb(14,99,142)
```
#1074a6
```
#1074a6 rgb(16,116,166)
```
#1284bd
```
#1284bd rgb(18,132,189)
```
#1494d4
```
#1494d4 rgb(20,148,212)
```
#19a4e9
```
#19a4e9 rgb(25,164,233)
```
#30adeb
```
#30adeb rgb(48,173,235)
```

Monochromatic Color

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

#12afbd
```
#12afbd rgb(18,175,189)
```
#12a1bd
```
#12a1bd rgb(18,161,189)
```
#1292bd
```
#1292bd rgb(18,146,189)
```
#1284bd
```
#1284bd rgb(18,132,189)
```
#1276bd
```
#1276bd rgb(18,118,189)
```
#1268bd
```
#1268bd rgb(18,104,189)
```
#1259bd
```
#1259bd rgb(18,89,189)
```

Similar Colors

Text with hexadecimal color #1284bd

This text has a font color of #1284bd.

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

#1284bd background color

This paragraph has a background color of #1284bd.

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

#1284bd border color

This element has a border color of #1284bd.

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

CSS codes

.text {color:#1284bd;}

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

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

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#03131c
```
#03131c rgb(3,19,28)
```
#04202e
```
#04202e rgb(4,32,46)
```
#062c40
```
#062c40 rgb(6,44,64)
```
#083952
```
#083952 rgb(8,57,82)
```
#094563
```
#094563 rgb(9,69,99)
```
#0b5275
```
#0b5275 rgb(11,82,117)
```
#0d5e87
```
#0d5e87 rgb(13,94,135)
```
#0f6b99
```
#0f6b99 rgb(15,107,153)
```
#1077ab
```
#1077ab rgb(16,119,171)
```
#1284bd
```
#1284bd rgb(18,132,189)
```
#1491cf
```
#1491cf rgb(20,145,207)
```
#159de1
```
#159de1 rgb(21,157,225)
```

Shade Color Variation

#20a7ea
```
#20a7ea rgb(32,167,234)
```
#32aeeb
```
#32aeeb rgb(50,174,235)
```
#44b5ed
```
#44b5ed rgb(68,181,237)
```
#56bcef
```
#56bcef rgb(86,188,239)
```
#68c3f1
```
#68c3f1 rgb(104,195,241)
```
#7acaf2
```
#7acaf2 rgb(122,202,242)
```
#8cd1f4
```
#8cd1f4 rgb(140,209,244)
```
#9dd8f6
```
#9dd8f6 rgb(157,216,246)
```
#afdff7
```
#afdff7 rgb(175,223,247)
```
#c1e7f9
```
#c1e7f9 rgb(193,231,249)
```
#d3eefb
```
#d3eefb rgb(211,238,251)
```
#e5f5fd
```
#e5f5fd rgb(229,245,253)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#62696d
```
#62696d rgb(98,105,109)
```
#5a6c75
```
#5a6c75 rgb(90,108,117)
```
#526f7d
```
#526f7d rgb(82,111,125)
```
#4a7185
```
#4a7185 rgb(74,113,133)
```
#42748d
```
#42748d rgb(66,116,141)
```
#3a7795
```
#3a7795 rgb(58,119,149)
```
#32799d
```
#32799d rgb(50,121,157)
```
#2a7ca5
```
#2a7ca5 rgb(42,124,165)
```
#227fad
```
#227fad rgb(34,127,173)
```
#1a81b5
```
#1a81b5 rgb(26,129,181)
```
#1284bd
```
#1284bd rgb(18,132,189)
```
#0a87c5
```
#0a87c5 rgb(10,135,197)
```
#0289cd
```
#0289cd rgb(2,137,205)
```

Tone Color Variation

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

Dichromacy

#6f81b9 Protanopia 1% of men
#5e83c3 Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#4d82ba Protanomaly 1% of men, 0.01% of women
#4283c1 Deuteranomaly 6% of men, 0.4% of women
#068ba6 Tritanomaly 0.01% of the population

#1284bd hex color

#1284bd Color Information

#1284bd Color Conversion

Color Schemes with #1284bd

Alternatives to #1284bd

#1284bd Preview

Shades and Tints of #1284bd

Tones of #1284bd

Color Blindness Simulator