#124a86 hex color

In a RGB color space, hex #124a86 is composed of 7.1% red, 29% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 44.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 211 degrees, a saturation of 76.3% and a lightness of 29.8%. #124a86 color hex could be obtained by blending #2494ff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 29
- B 53
RGB color chart
- C 87
- M 45
- Y 0
- K 47
CMYK color chart

● #124a86 color description : Dark blue.

The hexadecimal color #124a86 has RGB values of R:18, G:74, B:134 and CMYK values of C:0.87, M:0.45, Y:0, K:0.47. Its decimal value is 1198726.

Hex triplet	124a86	`#124a86`
RGB Decimal	18, 74, 134	`rgb(18,74,134)`
RGB Percent	7.1, 29, 52.5	`rgb(7.1%,29%,52.5%)`
CMYK	87, 45, 0, 47
HSL	211°, 76.3, 29.8	`hsl(211,76.3%,29.8%)`
HSV (or HSB)	211°, 86.6, 52.5
Web Safe	003399	`#003399`

CIE-LAB	31.223, 6.037, -38.525
XYZ	7, 6.747, 23.486
xyY	0.188, 0.181, 6.747
CIE-LCH	31.223, 38.995, 278.907
CIE-LUV	31.223, -16.687, -52.146
Hunter-Lab	25.975, 2.651, -35.428
Binary	00010010, 01001010, 10000110

#124a86
```
#124a86 rgb(18,74,134)
```
#864e12
```
#864e12 rgb(134,78,18)
```

Complementary Color

#128486
```
#128486 rgb(18,132,134)
```
#124a86
```
#124a86 rgb(18,74,134)
```
#141286
```
#141286 rgb(20,18,134)
```

Analogous Color

#848612
```
#848612 rgb(132,134,18)
```
#124a86
```
#124a86 rgb(18,74,134)
```
#861412
```
#861412 rgb(134,20,18)
```

Split Complementary Color

#4a8612
```
#4a8612 rgb(74,134,18)
```
#124a86
```
#124a86 rgb(18,74,134)
```
#86124a
```
#86124a rgb(134,18,74)
```

Triadic Color

#12864e
```
#12864e rgb(18,134,78)
```
#124a86
```
#124a86 rgb(18,74,134)
```
#86124a
```
#86124a rgb(134,18,74)
```
#864e12
```
#864e12 rgb(134,78,18)
```

Tetradic Color

#092543
```
#092543 rgb(9,37,67)
```
#0c3159
```
#0c3159 rgb(12,49,89)
```
#0f3e70
```
#0f3e70 rgb(15,62,112)
```
#124a86
```
#124a86 rgb(18,74,134)
```
#15569c
```
#15569c rgb(21,86,156)
```
#1863b3
```
#1863b3 rgb(24,99,179)
```
#1b6fc9
```
#1b6fc9 rgb(27,111,201)
```

Monochromatic Color

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

#126786
```
#126786 rgb(18,103,134)
```
#125d86
```
#125d86 rgb(18,93,134)
```
#125486
```
#125486 rgb(18,84,134)
```
#124a86
```
#124a86 rgb(18,74,134)
```
#124086
```
#124086 rgb(18,64,134)
```
#123786
```
#123786 rgb(18,55,134)
```
#122d86
```
#122d86 rgb(18,45,134)
```

Similar Colors

Text with hexadecimal color #124a86

This text has a font color of #124a86.

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

#124a86 background color

This paragraph has a background color of #124a86.

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

#124a86 border color

This element has a border color of #124a86.

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

CSS codes

.text {color:#124a86;}

.background {background-color:#124a86;}

.border {border:1px solid #124a86;}

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, #02070d is the darkest color, while #fbfcfe is the lightest one.

#02070d
```
#02070d rgb(2,7,13)
```
#04111e
```
#04111e rgb(4,17,30)
```
#061a30
```
#061a30 rgb(6,26,48)
```
#092441
```
#092441 rgb(9,36,65)
```
#0b2d52
```
#0b2d52 rgb(11,45,82)
```
#0d3763
```
#0d3763 rgb(13,55,99)
```
#104075
```
#104075 rgb(16,64,117)
```
#124a86
```
#124a86 rgb(18,74,134)
```
#145497
```
#145497 rgb(20,84,151)
```
#175da9
```
#175da9 rgb(23,93,169)
```
#1967ba
```
#1967ba rgb(25,103,186)
```
#1b70cb
```
#1b70cb rgb(27,112,203)
```
#1e7adc
```
#1e7adc rgb(30,122,220)
```

Shade Color Variation

#2b84e3
```
#2b84e3 rgb(43,132,227)
```
#3c8ee5
```
#3c8ee5 rgb(60,142,229)
```
#4e98e7
```
#4e98e7 rgb(78,152,231)
```
#5fa2ea
```
#5fa2ea rgb(95,162,234)
```
#70acec
```
#70acec rgb(112,172,236)
```
#82b6ee
```
#82b6ee rgb(130,182,238)
```
#93c0f0
```
#93c0f0 rgb(147,192,240)
```
#a4caf3
```
#a4caf3 rgb(164,202,243)
```
#b5d4f5
```
#b5d4f5 rgb(181,212,245)
```
#c7def7
```
#c7def7 rgb(199,222,247)
```
#d8e8fa
```
#d8e8fa rgb(216,232,250)
```
#e9f2fc
```
#e9f2fc rgb(233,242,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#474c51
```
#474c51 rgb(71,76,81)
```
#414c57
```
#414c57 rgb(65,76,87)
```
#3b4b5d
```
#3b4b5d rgb(59,75,93)
```
#354b63
```
#354b63 rgb(53,75,99)
```
#2f4b69
```
#2f4b69 rgb(47,75,105)
```
#294b6f
```
#294b6f rgb(41,75,111)
```
#244b74
```
#244b74 rgb(36,75,116)
```
#1e4a7a
```
#1e4a7a rgb(30,74,122)
```
#184a80
```
#184a80 rgb(24,74,128)
```
#124a86
```
#124a86 rgb(18,74,134)
```
#0c4a8c
```
#0c4a8c rgb(12,74,140)
```
#064a92
```
#064a92 rgb(6,74,146)
```
#004998
```
#004998 rgb(0,73,152)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#37424e Atypical Achromatopsia 0.001% of the population

Dichromacy

#36518a Protanopia 1% of men
#10548b Deuteranopia 1% of men
#005b60 Tritanopia 0.001% of the population

Trichromacy

#284e88 Protanomaly 1% of men, 0.01% of women
#115089 Deuteranomaly 6% of men, 0.4% of women
#06546e Tritanomaly 0.01% of the population

#124a86 hex color

#124a86 Color Information

#124a86 Color Conversion

Color Schemes with #124a86

Alternatives to #124a86

#124a86 Preview

Shades and Tints of #124a86

Tones of #124a86

Color Blindness Simulator