#124284 hex color

In a RGB color space, hex #124284 is composed of 7.1% red, 25.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 50% magenta, 0% yellow and 48.2% black. It has a hue angle of 214.7 degrees, a saturation of 76% and a lightness of 29.4%. #124284 color hex could be obtained by blending #2484ff with #000009. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 26
- B 52
RGB color chart
- C 86
- M 50
- Y 0
- K 48
CMYK color chart

● #124284 color description : Dark blue.

The hexadecimal color #124284 has RGB values of R:18, G:66, B:132 and CMYK values of C:0.86, M:0.5, Y:0, K:0.48. Its decimal value is 1196676.

Hex triplet	124284	`#124284`
RGB Decimal	18, 66, 132	`rgb(18,66,132)`
RGB Percent	7.1, 25.9, 51.8	`rgb(7.1%,25.9%,51.8%)`
CMYK	86, 50, 0, 48
HSL	214.7°, 76, 29.4	`hsl(214.7,76%,29.4%)`
HSV (or HSB)	214.7°, 86.4, 51.8
Web Safe	003399	`#003399`

CIE-LAB	28.618, 10.69, -41.475
XYZ	6.362, 5.69, 22.592
xyY	0.184, 0.164, 5.69
CIE-LCH	28.618, 42.831, 284.454
CIE-LUV	28.618, -14.247, -54.774
Hunter-Lab	23.855, 5.857, -39.452
Binary	00010010, 01000010, 10000100

#124284
```
#124284 rgb(18,66,132)
```
#845412
```
#845412 rgb(132,84,18)
```

Complementary Color

#127b84
```
#127b84 rgb(18,123,132)
```
#124284
```
#124284 rgb(18,66,132)
```
#1b1284
```
#1b1284 rgb(27,18,132)
```

Analogous Color

#7b8412
```
#7b8412 rgb(123,132,18)
```
#124284
```
#124284 rgb(18,66,132)
```
#841b12
```
#841b12 rgb(132,27,18)
```

Split Complementary Color

#428412
```
#428412 rgb(66,132,18)
```
#124284
```
#124284 rgb(18,66,132)
```
#841242
```
#841242 rgb(132,18,66)
```

Triadic Color

#128454
```
#128454 rgb(18,132,84)
```
#124284
```
#124284 rgb(18,66,132)
```
#841242
```
#841242 rgb(132,18,66)
```
#845412
```
#845412 rgb(132,84,18)
```

Tetradic Color

#092041
```
#092041 rgb(9,32,65)
```
#0c2c57
```
#0c2c57 rgb(12,44,87)
```
#0f376e
```
#0f376e rgb(15,55,110)
```
#124284
```
#124284 rgb(18,66,132)
```
#154d9a
```
#154d9a rgb(21,77,154)
```
#1858b1
```
#1858b1 rgb(24,88,177)
```
#1b64c7
```
#1b64c7 rgb(27,100,199)
```

Monochromatic Color

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

#125f84
```
#125f84 rgb(18,95,132)
```
#125584
```
#125584 rgb(18,85,132)
```
#124c84
```
#124c84 rgb(18,76,132)
```
#124284
```
#124284 rgb(18,66,132)
```
#123984
```
#123984 rgb(18,57,132)
```
#122f84
```
#122f84 rgb(18,47,132)
```
#122684
```
#122684 rgb(18,38,132)
```

Similar Colors

Text with hexadecimal color #124284

This text has a font color of #124284.

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

#124284 background color

This paragraph has a background color of #124284.

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

#124284 border color

This element has a border color of #124284.

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

CSS codes

.text {color:#124284;}

.background {background-color:#124284;}

.border {border:1px solid #124284;}

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, #02060b is the darkest color, while #f9fbfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#040e1c
```
#040e1c rgb(4,14,28)
```
#06172e
```
#06172e rgb(6,23,46)
```
#091f3f
```
#091f3f rgb(9,31,63)
```
#0b2850
```
#0b2850 rgb(11,40,80)
```
#0d3161
```
#0d3161 rgb(13,49,97)
```
#103973
```
#103973 rgb(16,57,115)
```
#124284
```
#124284 rgb(18,66,132)
```
#144b95
```
#144b95 rgb(20,75,149)
```
#1753a7
```
#1753a7 rgb(23,83,167)
```
#195cb8
```
#195cb8 rgb(25,92,184)
```
#1b65c9
```
#1b65c9 rgb(27,101,201)
```
#1e6dda
```
#1e6dda rgb(30,109,218)
```

Shade Color Variation

#2a77e2
```
#2a77e2 rgb(42,119,226)
```
#3b82e4
```
#3b82e4 rgb(59,130,228)
```
#4c8de7
```
#4c8de7 rgb(76,141,231)
```
#5e98e9
```
#5e98e9 rgb(94,152,233)
```
#6fa3eb
```
#6fa3eb rgb(111,163,235)
```
#80aeee
```
#80aeee rgb(128,174,238)
```
#91b9f0
```
#91b9f0 rgb(145,185,240)
```
#a3c4f2
```
#a3c4f2 rgb(163,196,242)
```
#b4cff5
```
#b4cff5 rgb(180,207,245)
```
#c5daf7
```
#c5daf7 rgb(197,218,247)
```
#d6e5f9
```
#d6e5f9 rgb(214,229,249)
```
#e8f0fc
```
#e8f0fc rgb(232,240,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464a50 is the less saturated color, while #013f95 is the most saturated one.

#464a50
```
#464a50 rgb(70,74,80)
```
#404956
```
#404956 rgb(64,73,86)
```
#3a485c
```
#3a485c rgb(58,72,92)
```
#354761
```
#354761 rgb(53,71,97)
```
#2f4767
```
#2f4767 rgb(47,71,103)
```
#29466d
```
#29466d rgb(41,70,109)
```
#234573
```
#234573 rgb(35,69,115)
```
#1e4478
```
#1e4478 rgb(30,68,120)
```
#18437e
```
#18437e rgb(24,67,126)
```
#124284
```
#124284 rgb(18,66,132)
```
#0c418a
```
#0c418a rgb(12,65,138)
```
#064090
```
#064090 rgb(6,64,144)
```
#013f95
```
#013f95 rgb(1,63,149)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#333c4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#264b89 Protanopia 1% of men
#004e81 Deuteranopia 1% of men
#005459 Tritanopia 0.001% of the population

Trichromacy

#1f4787 Protanomaly 1% of men, 0.01% of women
#064a82 Deuteranomaly 6% of men, 0.4% of women
#064d69 Tritanomaly 0.01% of the population

#124284 hex color

#124284 Color Information

#124284 Color Conversion

Color Schemes with #124284

Alternatives to #124284

#124284 Preview

Shades and Tints of #124284

Tones of #124284

Color Blindness Simulator