#124484 hex color

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

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

● #124484 color description : Dark blue.

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

Hex triplet	124484	`#124484`
RGB Decimal	18, 68, 132	`rgb(18,68,132)`
RGB Percent	7.1, 26.7, 51.8	`rgb(7.1%,26.7%,51.8%)`
CMYK	86, 48, 0, 48
HSL	213.7°, 76, 29.4	`hsl(213.7,76%,29.4%)`
HSV (or HSB)	213.7°, 86.4, 51.8
Web Safe	003399	`#003399`

CIE-LAB	29.231, 9.305, -40.487
XYZ	6.48, 5.928, 22.631
xyY	0.185, 0.169, 5.928
CIE-LCH	29.231, 41.543, 282.943
CIE-LUV	29.231, -14.858, -53.811
Hunter-Lab	24.348, 4.901, -38.066
Binary	00010010, 01000100, 10000100

#124484
```
#124484 rgb(18,68,132)
```
#845212
```
#845212 rgb(132,82,18)
```

Complementary Color

#127d84
```
#127d84 rgb(18,125,132)
```
#124484
```
#124484 rgb(18,68,132)
```
#191284
```
#191284 rgb(25,18,132)
```

Analogous Color

#7d8412
```
#7d8412 rgb(125,132,18)
```
#124484
```
#124484 rgb(18,68,132)
```
#841912
```
#841912 rgb(132,25,18)
```

Split Complementary Color

#448412
```
#448412 rgb(68,132,18)
```
#124484
```
#124484 rgb(18,68,132)
```
#841244
```
#841244 rgb(132,18,68)
```

Triadic Color

#128452
```
#128452 rgb(18,132,82)
```
#124484
```
#124484 rgb(18,68,132)
```
#841244
```
#841244 rgb(132,18,68)
```
#845212
```
#845212 rgb(132,82,18)
```

Tetradic Color

#092141
```
#092141 rgb(9,33,65)
```
#0c2d57
```
#0c2d57 rgb(12,45,87)
```
#0f386e
```
#0f386e rgb(15,56,110)
```
#124484
```
#124484 rgb(18,68,132)
```
#15509a
```
#15509a rgb(21,80,154)
```
#185bb1
```
#185bb1 rgb(24,91,177)
```
#1b67c7
```
#1b67c7 rgb(27,103,199)
```

Monochromatic Color

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

#126184
```
#126184 rgb(18,97,132)
```
#125784
```
#125784 rgb(18,87,132)
```
#124e84
```
#124e84 rgb(18,78,132)
```
#124484
```
#124484 rgb(18,68,132)
```
#123b84
```
#123b84 rgb(18,59,132)
```
#123184
```
#123184 rgb(18,49,132)
```
#122884
```
#122884 rgb(18,40,132)
```

Similar Colors

Text with hexadecimal color #124484

This text has a font color of #124484.

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

#124484 background color

This paragraph has a background color of #124484.

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

#124484 border color

This element has a border color of #124484.

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

CSS codes

.text {color:#124484;}

.background {background-color:#124484;}

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

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)
```
#040f1c
```
#040f1c rgb(4,15,28)
```
#06182e
```
#06182e rgb(6,24,46)
```
#09203f
```
#09203f rgb(9,32,63)
```
#0b2950
```
#0b2950 rgb(11,41,80)
```
#0d3261
```
#0d3261 rgb(13,50,97)
```
#103b73
```
#103b73 rgb(16,59,115)
```
#124484
```
#124484 rgb(18,68,132)
```
#144d95
```
#144d95 rgb(20,77,149)
```
#1756a7
```
#1756a7 rgb(23,86,167)
```
#195fb8
```
#195fb8 rgb(25,95,184)
```
#1b68c9
```
#1b68c9 rgb(27,104,201)
```
#1e70da
```
#1e70da rgb(30,112,218)
```

Shade Color Variation

#2a7be2
```
#2a7be2 rgb(42,123,226)
```
#3b85e4
```
#3b85e4 rgb(59,133,228)
```
#4c90e7
```
#4c90e7 rgb(76,144,231)
```
#5e9be9
```
#5e9be9 rgb(94,155,233)
```
#6fa5eb
```
#6fa5eb rgb(111,165,235)
```
#80b0ee
```
#80b0ee rgb(128,176,238)
```
#91bbf0
```
#91bbf0 rgb(145,187,240)
```
#a3c6f2
```
#a3c6f2 rgb(163,198,242)
```
#b4d0f5
```
#b4d0f5 rgb(180,208,245)
```
#c5dbf7
```
#c5dbf7 rgb(197,219,247)
```
#d6e6f9
```
#d6e6f9 rgb(214,230,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 #014295 is the most saturated one.

#464a50
```
#464a50 rgb(70,74,80)
```
#404a56
```
#404a56 rgb(64,74,86)
```
#3a495c
```
#3a495c rgb(58,73,92)
```
#354861
```
#354861 rgb(53,72,97)
```
#2f4867
```
#2f4867 rgb(47,72,103)
```
#29476d
```
#29476d rgb(41,71,109)
```
#234673
```
#234673 rgb(35,70,115)
```
#1e4578
```
#1e4578 rgb(30,69,120)
```
#18457e
```
#18457e rgb(24,69,126)
```
#124484
```
#124484 rgb(18,68,132)
```
#0c438a
```
#0c438a rgb(12,67,138)
```
#064390
```
#064390 rgb(6,67,144)
```
#014295
```
#014295 rgb(1,66,149)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#343e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4c89 Protanopia 1% of men
#005084 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#224987 Protanomaly 1% of men, 0.01% of women
#064b84 Deuteranomaly 6% of men, 0.4% of women
#064f6a Tritanomaly 0.01% of the population

#124484 hex color

#124484 Color Information

#124484 Color Conversion

Color Schemes with #124484

Alternatives to #124484

#124484 Preview

Shades and Tints of #124484

Tones of #124484

Color Blindness Simulator