#124aa1 hex color

In a RGB color space, hex #124aa1 is composed of 7.1% red, 29% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 54% magenta, 0% yellow and 36.9% black. It has a hue angle of 216.5 degrees, a saturation of 79.9% and a lightness of 35.1%. #124aa1 color hex could be obtained by blending #2494ff with #000043. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 29
- B 63
RGB color chart
- C 89
- M 54
- Y 0
- K 37
CMYK color chart

● #124aa1 color description : Dark blue.

The hexadecimal color #124aa1 has RGB values of R:18, G:74, B:161 and CMYK values of C:0.89, M:0.54, Y:0, K:0.37. Its decimal value is 1198753.

Hex triplet	124aa1	`#124aa1`
RGB Decimal	18, 74, 161	`rgb(18,74,161)`
RGB Percent	7.1, 29, 63.1	`rgb(7.1%,29%,63.1%)`
CMYK	89, 54, 0, 37
HSL	216.5°, 79.9, 35.1	`hsl(216.5,79.9%,35.1%)`
HSV (or HSB)	216.5°, 88.8, 63.1
Web Safe	003399	`#003399`

CIE-LAB	33.133, 17.209, -51.902
XYZ	9.13, 7.599, 34.702
xyY	0.178, 0.148, 7.599
CIE-LCH	33.133, 54.681, 288.344
CIE-LUV	33.133, -15.985, -72.083
Hunter-Lab	27.566, 10.88, -55.343
Binary	00010010, 01001010, 10100001

#124aa1
```
#124aa1 rgb(18,74,161)
```
#a16912
```
#a16912 rgb(161,105,18)
```

Complementary Color

#1292a1
```
#1292a1 rgb(18,146,161)
```
#124aa1
```
#124aa1 rgb(18,74,161)
```
#2212a1
```
#2212a1 rgb(34,18,161)
```

Analogous Color

#92a112
```
#92a112 rgb(146,161,18)
```
#124aa1
```
#124aa1 rgb(18,74,161)
```
#a12212
```
#a12212 rgb(161,34,18)
```

Split Complementary Color

#4aa112
```
#4aa112 rgb(74,161,18)
```
#124aa1
```
#124aa1 rgb(18,74,161)
```
#a1124a
```
#a1124a rgb(161,18,74)
```

Triadic Color

#12a169
```
#12a169 rgb(18,161,105)
```
#124aa1
```
#124aa1 rgb(18,74,161)
```
#a1124a
```
#a1124a rgb(161,18,74)
```
#a16912
```
#a16912 rgb(161,105,18)
```

Tetradic Color

#0a2a5c
```
#0a2a5c rgb(10,42,92)
```
#0d3573
```
#0d3573 rgb(13,53,115)
```
#0f3f8a
```
#0f3f8a rgb(15,63,138)
```
#124aa1
```
#124aa1 rgb(18,74,161)
```
#1555b8
```
#1555b8 rgb(21,85,184)
```
#175fcf
```
#175fcf rgb(23,95,207)
```
#1a6ae5
```
#1a6ae5 rgb(26,106,229)
```

Monochromatic Color

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

#126ea1
```
#126ea1 rgb(18,110,161)
```
#1262a1
```
#1262a1 rgb(18,98,161)
```
#1256a1
```
#1256a1 rgb(18,86,161)
```
#124aa1
```
#124aa1 rgb(18,74,161)
```
#123ea1
```
#123ea1 rgb(18,62,161)
```
#1232a1
```
#1232a1 rgb(18,50,161)
```
#1226a1
```
#1226a1 rgb(18,38,161)
```

Similar Colors

Text with hexadecimal color #124aa1

This text has a font color of #124aa1.

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

#124aa1 background color

This paragraph has a background color of #124aa1.

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

#124aa1 border color

This element has a border color of #124aa1.

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

CSS codes

.text {color:#124aa1;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020914
```
#020914 rgb(2,9,20)
```
#041125
```
#041125 rgb(4,17,37)
```
#061937
```
#061937 rgb(6,25,55)
```
#082149
```
#082149 rgb(8,33,73)
```
#0a2a5a
```
#0a2a5a rgb(10,42,90)
```
#0c326c
```
#0c326c rgb(12,50,108)
```
#0e3a7e
```
#0e3a7e rgb(14,58,126)
```
#10428f
```
#10428f rgb(16,66,143)
```
#124aa1
```
#124aa1 rgb(18,74,161)
```
#1452b3
```
#1452b3 rgb(20,82,179)
```
#165ac4
```
#165ac4 rgb(22,90,196)
```
#1862d6
```
#1862d6 rgb(24,98,214)
```

Shade Color Variation

#1c6be6
```
#1c6be6 rgb(28,107,230)
```
#2d76e8
```
#2d76e8 rgb(45,118,232)
```
#3f82ea
```
#3f82ea rgb(63,130,234)
```
#518dec
```
#518dec rgb(81,141,236)
```
#6299ed
```
#6299ed rgb(98,153,237)
```
#74a4ef
```
#74a4ef rgb(116,164,239)
```
#86b0f1
```
#86b0f1 rgb(134,176,241)
```
#97bbf3
```
#97bbf3 rgb(151,187,243)
```
#a9c7f5
```
#a9c7f5 rgb(169,199,245)
```
#bbd2f7
```
#bbd2f7 rgb(187,210,247)
```
#ccdef9
```
#ccdef9 rgb(204,222,249)
```
#dee9fb
```
#dee9fb rgb(222,233,251)
```
#f0f5fd
```
#f0f5fd rgb(240,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57595c is the less saturated color, while #0447af is the most saturated one.

#57595c
```
#57595c rgb(87,89,92)
```
#505763
```
#505763 rgb(80,87,99)
```
#49566a
```
#49566a rgb(73,86,106)
```
#425471
```
#425471 rgb(66,84,113)
```
#3b5378
```
#3b5378 rgb(59,83,120)
```
#34517f
```
#34517f rgb(52,81,127)
```
#2e5085
```
#2e5085 rgb(46,80,133)
```
#274e8c
```
#274e8c rgb(39,78,140)
```
#204d93
```
#204d93 rgb(32,77,147)
```
#194b9a
```
#194b9a rgb(25,75,154)
```
#124aa1
```
#124aa1 rgb(18,74,161)
```
#0b49a8
```
#0b49a8 rgb(11,73,168)
```
#0447af
```
#0447af rgb(4,71,175)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#394456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#0650a4 Protanomaly 1% of men, 0.01% of women
#065396 Deuteranomaly 6% of men, 0.4% of women
#06577a Tritanomaly 0.01% of the population

#124aa1 hex color

#124aa1 Color Information

#124aa1 Color Conversion

Color Schemes with #124aa1

Alternatives to #124aa1

#124aa1 Preview

Shades and Tints of #124aa1

Tones of #124aa1

Color Blindness Simulator