#124ea9 hex color

In a RGB color space, hex #124ea9 is composed of 7.1% red, 30.6% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 53.8% magenta, 0% yellow and 33.7% black. It has a hue angle of 216.2 degrees, a saturation of 80.7% and a lightness of 36.7%. #124ea9 color hex could be obtained by blending #249cff with #000053. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 7
- G 31
- B 66
RGB color chart
- C 89
- M 54
- Y 0
- K 34
CMYK color chart

● #124ea9 color description : Dark blue.

The hexadecimal color #124ea9 has RGB values of R:18, G:78, B:169 and CMYK values of C:0.89, M:0.54, Y:0, K:0.34. Its decimal value is 1199785.

Hex triplet	124ea9	`#124ea9`
RGB Decimal	18, 78, 169	`rgb(18,78,169)`
RGB Percent	7.1, 30.6, 66.3	`rgb(7.1%,30.6%,66.3%)`
CMYK	89, 54, 0, 34
HSL	216.2°, 80.7, 36.7	`hsl(216.2,80.7%,36.7%)`
HSV (or HSB)	216.2°, 89.3, 66.3
Web Safe	006699	`#006699`

CIE-LAB	34.885, 17.758, -53.851
XYZ	10.134, 8.441, 38.629
xyY	0.177, 0.148, 8.441
CIE-LCH	34.885, 56.704, 288.25
CIE-LUV	34.885, -16.958, -76.021
Hunter-Lab	29.054, 11.416, -58.494
Binary	00010010, 01001110, 10101001

#124ea9
```
#124ea9 rgb(18,78,169)
```
#a96d12
```
#a96d12 rgb(169,109,18)
```

Complementary Color

#129aa9
```
#129aa9 rgb(18,154,169)
```
#124ea9
```
#124ea9 rgb(18,78,169)
```
#2212a9
```
#2212a9 rgb(34,18,169)
```

Analogous Color

#9aa912
```
#9aa912 rgb(154,169,18)
```
#124ea9
```
#124ea9 rgb(18,78,169)
```
#a92212
```
#a92212 rgb(169,34,18)
```

Split Complementary Color

#4ea912
```
#4ea912 rgb(78,169,18)
```
#124ea9
```
#124ea9 rgb(18,78,169)
```
#a9124e
```
#a9124e rgb(169,18,78)
```

Triadic Color

#12a96d
```
#12a96d rgb(18,169,109)
```
#124ea9
```
#124ea9 rgb(18,78,169)
```
#a9124e
```
#a9124e rgb(169,18,78)
```
#a96d12
```
#a96d12 rgb(169,109,18)
```

Tetradic Color

#0b2e64
```
#0b2e64 rgb(11,46,100)
```
#0d397b
```
#0d397b rgb(13,57,123)
```
#104392
```
#104392 rgb(16,67,146)
```
#124ea9
```
#124ea9 rgb(18,78,169)
```
#1459c0
```
#1459c0 rgb(20,89,192)
```
#1763d7
```
#1763d7 rgb(23,99,215)
```
#206fe7
```
#206fe7 rgb(32,111,231)
```

Monochromatic Color

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

#1274a9
```
#1274a9 rgb(18,116,169)
```
#1267a9
```
#1267a9 rgb(18,103,169)
```
#125ba9
```
#125ba9 rgb(18,91,169)
```
#124ea9
```
#124ea9 rgb(18,78,169)
```
#1241a9
```
#1241a9 rgb(18,65,169)
```
#1235a9
```
#1235a9 rgb(18,53,169)
```
#1228a9
```
#1228a9 rgb(18,40,169)
```

Similar Colors

Text with hexadecimal color #124ea9

This text has a font color of #124ea9.

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

#124ea9 background color

This paragraph has a background color of #124ea9.

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

#124ea9 border color

This element has a border color of #124ea9.

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

CSS codes

.text {color:#124ea9;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#030d1b
```
#030d1b rgb(3,13,27)
```
#05152d
```
#05152d rgb(5,21,45)
```
#071d3f
```
#071d3f rgb(7,29,63)
```
#092550
```
#092550 rgb(9,37,80)
```
#0a2d62
```
#0a2d62 rgb(10,45,98)
```
#0c3574
```
#0c3574 rgb(12,53,116)
```
#0e3e86
```
#0e3e86 rgb(14,62,134)
```
#104697
```
#104697 rgb(16,70,151)
```
#124ea9
```
#124ea9 rgb(18,78,169)
```
#1456bb
```
#1456bb rgb(20,86,187)
```
#165ecc
```
#165ecc rgb(22,94,204)
```
#1867de
```
#1867de rgb(24,103,222)
```

Shade Color Variation

#2270e7
```
#2270e7 rgb(34,112,231)
```
#347ce9
```
#347ce9 rgb(52,124,233)
```
#4587eb
```
#4587eb rgb(69,135,235)
```
#5793ed
```
#5793ed rgb(87,147,237)
```
#699eef
```
#699eef rgb(105,158,239)
```
#7baaf1
```
#7baaf1 rgb(123,170,241)
```
#8cb5f3
```
#8cb5f3 rgb(140,181,243)
```
#9ec0f5
```
#9ec0f5 rgb(158,192,245)
```
#b0ccf7
```
#b0ccf7 rgb(176,204,247)
```
#c2d7f8
```
#c2d7f8 rgb(194,215,248)
```
#d3e3fa
```
#d3e3fa rgb(211,227,250)
```
#e5eefc
```
#e5eefc rgb(229,238,252)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5d61 is the less saturated color, while #044bb7 is the most saturated one.

#5a5d61
```
#5a5d61 rgb(90,93,97)
```
#535b68
```
#535b68 rgb(83,91,104)
```
#4c5a6f
```
#4c5a6f rgb(76,90,111)
```
#445877
```
#445877 rgb(68,88,119)
```
#3d577e
```
#3d577e rgb(61,87,126)
```
#365585
```
#365585 rgb(54,85,133)
```
#2f548c
```
#2f548c rgb(47,84,140)
```
#285293
```
#285293 rgb(40,82,147)
```
#20519b
```
#20519b rgb(32,81,155)
```
#194fa2
```
#194fa2 rgb(25,79,162)
```
#124ea9
```
#124ea9 rgb(18,78,169)
```
#0b4db0
```
#0b4db0 rgb(11,77,176)
```
#044bb7
```
#044bb7 rgb(4,75,183)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3c485a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d97 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#0654ab Protanomaly 1% of men, 0.01% of women
#06579d Deuteranomaly 6% of men, 0.4% of women
#065c80 Tritanomaly 0.01% of the population

#124ea9 hex color

#124ea9 Color Information

#124ea9 Color Conversion

Color Schemes with #124ea9

Alternatives to #124ea9

#124ea9 Preview

Shades and Tints of #124ea9

Tones of #124ea9

Color Blindness Simulator