#1284db hex color

In a RGB color space, hex #1284db is composed of 7.1% red, 51.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 39.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 206 degrees, a saturation of 84.8% and a lightness of 46.5%. #1284db color hex could be obtained by blending #24ffff with #0009b7. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 52
- B 86
RGB color chart
- C 92
- M 40
- Y 0
- K 14
CMYK color chart

● #1284db color description : Vivid blue.

The hexadecimal color #1284db has RGB values of R:18, G:132, B:219 and CMYK values of C:0.92, M:0.4, Y:0, K:0.14. Its decimal value is 1213659.

Hex triplet	1284db	`#1284db`
RGB Decimal	18, 132, 219	`rgb(18,132,219)`
RGB Percent	7.1, 51.8, 85.9	`rgb(7.1%,51.8%,85.9%)`
CMYK	92, 40, 0, 14
HSL	206°, 84.8, 46.5	`hsl(206,84.8%,46.5%)`
HSV (or HSB)	206°, 91.8, 85.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.754, 2.964, -52.422
XYZ	21.284, 21.744, 70.089
xyY	0.188, 0.192, 21.744
CIE-LCH	53.754, 52.505, 273.236
CIE-LUV	53.754, -31.577, -82.072
Hunter-Lab	46.63, -0.128, -56.477
Binary	00010010, 10000100, 11011011

#1284db
```
#1284db rgb(18,132,219)
```
#db6912
```
#db6912 rgb(219,105,18)
```

Complementary Color

#12dbce
```
#12dbce rgb(18,219,206)
```
#1284db
```
#1284db rgb(18,132,219)
```
#1220db
```
#1220db rgb(18,32,219)
```

Analogous Color

#dbce12
```
#dbce12 rgb(219,206,18)
```
#1284db
```
#1284db rgb(18,132,219)
```
#db1220
```
#db1220 rgb(219,18,32)
```

Split Complementary Color

#84db12
```
#84db12 rgb(132,219,18)
```
#1284db
```
#1284db rgb(18,132,219)
```
#db1284
```
#db1284 rgb(219,18,132)
```

Triadic Color

#12db69
```
#12db69 rgb(18,219,105)
```
#1284db
```
#1284db rgb(18,132,219)
```
#db1284
```
#db1284 rgb(219,18,132)
```
#db6912
```
#db6912 rgb(219,105,18)
```

Tetradic Color

#0c5994
```
#0c5994 rgb(12,89,148)
```
#0e68ac
```
#0e68ac rgb(14,104,172)
```
#1076c3
```
#1076c3 rgb(16,118,195)
```
#1284db
```
#1284db rgb(18,132,219)
```
#1a91ec
```
#1a91ec rgb(26,145,236)
```
#329dee
```
#329dee rgb(50,157,238)
```
#49a8f0
```
#49a8f0 rgb(73,168,240)
```

Monochromatic Color

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

#12b6db
```
#12b6db rgb(18,182,219)
```
#12a6db
```
#12a6db rgb(18,166,219)
```
#1295db
```
#1295db rgb(18,149,219)
```
#1284db
```
#1284db rgb(18,132,219)
```
#1273db
```
#1273db rgb(18,115,219)
```
#1263db
```
#1263db rgb(18,99,219)
```
#1252db
```
#1252db rgb(18,82,219)
```

Similar Colors

Text with hexadecimal color #1284db

This text has a font color of #1284db.

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

#1284db background color

This paragraph has a background color of #1284db.

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

#1284db border color

This element has a border color of #1284db.

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

CSS codes

.text {color:#1284db;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020c14
```
#020c14 rgb(2,12,20)
```
#031726
```
#031726 rgb(3,23,38)
```
#052238
```
#052238 rgb(5,34,56)
```
#062d4a
```
#062d4a rgb(6,45,74)
```
#08385c
```
#08385c rgb(8,56,92)
```
#09426e
```
#09426e rgb(9,66,110)
```
#0b4d80
```
#0b4d80 rgb(11,77,128)
```
#0c5892
```
#0c5892 rgb(12,88,146)
```
#0e63a5
```
#0e63a5 rgb(14,99,165)
```
#0f6eb7
```
#0f6eb7 rgb(15,110,183)
```
#1179c9
```
#1179c9 rgb(17,121,201)
```
#1284db
```
#1284db rgb(18,132,219)
```

Shade Color Variation

#158fec
```
#158fec rgb(21,143,236)
```
#2797ed
```
#2797ed rgb(39,151,237)
```
#39a0ef
```
#39a0ef rgb(57,160,239)
```
#4ba9f0
```
#4ba9f0 rgb(75,169,240)
```
#5db2f2
```
#5db2f2 rgb(93,178,242)
```
#6fbaf3
```
#6fbaf3 rgb(111,186,243)
```
#82c3f5
```
#82c3f5 rgb(130,195,245)
```
#94ccf6
```
#94ccf6 rgb(148,204,246)
```
#a6d4f8
```
#a6d4f8 rgb(166,212,248)
```
#b8ddf9
```
#b8ddf9 rgb(184,221,249)
```
#cae6fb
```
#cae6fb rgb(202,230,251)
```
#dceefc
```
#dceefc rgb(220,238,252)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767777 is the less saturated color, while #0985e4 is the most saturated one.

#767777
```
#767777 rgb(118,119,119)
```
#6d7880
```
#6d7880 rgb(109,120,128)
```
#647989
```
#647989 rgb(100,121,137)
```
#5b7a92
```
#5b7a92 rgb(91,122,146)
```
#527b9b
```
#527b9b rgb(82,123,155)
```
#497da4
```
#497da4 rgb(73,125,164)
```
#407ead
```
#407ead rgb(64,126,173)
```
#367fb7
```
#367fb7 rgb(54,127,183)
```
#2d80c0
```
#2d80c0 rgb(45,128,192)
```
#2482c9
```
#2482c9 rgb(36,130,201)
```
#1b83d2
```
#1b83d2 rgb(27,131,210)
```
#1284db
```
#1284db rgb(18,132,219)
```
#0985e4
```
#0985e4 rgb(9,133,228)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5a7182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6084d7 Protanopia 1% of men
#3988dd Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#4484d8 Protanomaly 1% of men, 0.01% of women
#2b86dc Deuteranomaly 6% of men, 0.4% of women
#068eb3 Tritanomaly 0.01% of the population

#1284db hex color

#1284db Color Information

#1284db Color Conversion

Color Schemes with #1284db

Alternatives to #1284db

#1284db Preview

Shades and Tints of #1284db

Tones of #1284db

Color Blindness Simulator