#124caa hex color

In a RGB color space, hex #124caa is composed of 7.1% red, 29.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 55.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 217.1 degrees, a saturation of 80.9% and a lightness of 36.9%. #124caa color hex could be obtained by blending #2498ff with #000055. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 30
- B 67
RGB color chart
- C 89
- M 55
- Y 0
- K 33
CMYK color chart

● #124caa color description : Dark blue.

The hexadecimal color #124caa has RGB values of R:18, G:76, B:170 and CMYK values of C:0.89, M:0.55, Y:0, K:0.33. Its decimal value is 1199274.

Hex triplet	124caa	`#124caa`
RGB Decimal	18, 76, 170	`rgb(18,76,170)`
RGB Percent	7.1, 29.8, 66.7	`rgb(7.1%,29.8%,66.7%)`
CMYK	89, 55, 0, 33
HSL	217.1°, 80.9, 36.9	`hsl(217.1,80.9%,36.9%)`
HSV (or HSB)	217.1°, 89.4, 66.7
Web Safe	003399	`#003399`

CIE-LAB	34.394, 19.519, -55.246
XYZ	10.088, 8.199, 39.079
xyY	0.176, 0.143, 8.199
CIE-LCH	34.394, 58.592, 289.459
CIE-LUV	34.394, -16.378, -77.593
Hunter-Lab	28.634, 12.779, -60.874
Binary	00010010, 01001100, 10101010

#124caa
```
#124caa rgb(18,76,170)
```
#aa7012
```
#aa7012 rgb(170,112,18)
```

Complementary Color

#1298aa
```
#1298aa rgb(18,152,170)
```
#124caa
```
#124caa rgb(18,76,170)
```
#2412aa
```
#2412aa rgb(36,18,170)
```

Analogous Color

#98aa12
```
#98aa12 rgb(152,170,18)
```
#124caa
```
#124caa rgb(18,76,170)
```
#aa2412
```
#aa2412 rgb(170,36,18)
```

Split Complementary Color

#4caa12
```
#4caa12 rgb(76,170,18)
```
#124caa
```
#124caa rgb(18,76,170)
```
#aa124c
```
#aa124c rgb(170,18,76)
```

Triadic Color

#12aa70
```
#12aa70 rgb(18,170,112)
```
#124caa
```
#124caa rgb(18,76,170)
```
#aa124c
```
#aa124c rgb(170,18,76)
```
#aa7012
```
#aa7012 rgb(170,112,18)
```

Tetradic Color

#0b2d65
```
#0b2d65 rgb(11,45,101)
```
#0d377c
```
#0d377c rgb(13,55,124)
```
#104293
```
#104293 rgb(16,66,147)
```
#124caa
```
#124caa rgb(18,76,170)
```
#1456c1
```
#1456c1 rgb(20,86,193)
```
#1761d8
```
#1761d8 rgb(23,97,216)
```
#216de7
```
#216de7 rgb(33,109,231)
```

Monochromatic Color

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

#1272aa
```
#1272aa rgb(18,114,170)
```
#1265aa
```
#1265aa rgb(18,101,170)
```
#1259aa
```
#1259aa rgb(18,89,170)
```
#124caa
```
#124caa rgb(18,76,170)
```
#123faa
```
#123faa rgb(18,63,170)
```
#1233aa
```
#1233aa rgb(18,51,170)
```
#1226aa
```
#1226aa rgb(18,38,170)
```

Similar Colors

Text with hexadecimal color #124caa

This text has a font color of #124caa.

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

#124caa background color

This paragraph has a background color of #124caa.

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

#124caa border color

This element has a border color of #124caa.

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

CSS codes

.text {color:#124caa;}

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

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

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, #01050a is the darkest color, while #f8fafe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#030d1c
```
#030d1c rgb(3,13,28)
```
#05142e
```
#05142e rgb(5,20,46)
```
#071c40
```
#071c40 rgb(7,28,64)
```
#092451
```
#092451 rgb(9,36,81)
```
#0a2c63
```
#0a2c63 rgb(10,44,99)
```
#0c3475
```
#0c3475 rgb(12,52,117)
```
#0e3c87
```
#0e3c87 rgb(14,60,135)
```
#104498
```
#104498 rgb(16,68,152)
```
#124caa
```
#124caa rgb(18,76,170)
```
#1454bc
```
#1454bc rgb(20,84,188)
```
#165ccd
```
#165ccd rgb(22,92,205)
```
#1864df
```
#1864df rgb(24,100,223)
```

Shade Color Variation

#236ee8
```
#236ee8 rgb(35,110,232)
```
#357aea
```
#357aea rgb(53,122,234)
```
#4685eb
```
#4685eb rgb(70,133,235)
```
#5891ed
```
#5891ed rgb(88,145,237)
```
#6a9def
```
#6a9def rgb(106,157,239)
```
#7ba8f1
```
#7ba8f1 rgb(123,168,241)
```
#8db4f3
```
#8db4f3 rgb(141,180,243)
```
#9fc0f5
```
#9fc0f5 rgb(159,192,245)
```
#b1cbf7
```
#b1cbf7 rgb(177,203,247)
```
#c2d7f9
```
#c2d7f9 rgb(194,215,249)
```
#d4e3fa
```
#d4e3fa rgb(212,227,250)
```
#e6eefc
```
#e6eefc rgb(230,238,252)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#5a5d62
```
#5a5d62 rgb(90,93,98)
```
#535b69
```
#535b69 rgb(83,91,105)
```
#4c5a70
```
#4c5a70 rgb(76,90,112)
```
#455877
```
#455877 rgb(69,88,119)
```
#3d567f
```
#3d567f rgb(61,86,127)
```
#365586
```
#365586 rgb(54,85,134)
```
#2f538d
```
#2f538d rgb(47,83,141)
```
#285194
```
#285194 rgb(40,81,148)
```
#204f9c
```
#204f9c rgb(32,79,156)
```
#194ea3
```
#194ea3 rgb(25,78,163)
```
#124caa
```
#124caa rgb(18,76,170)
```
#0b4ab1
```
#0b4ab1 rgb(11,74,177)
```
#0449b8
```
#0449b8 rgb(4,73,184)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3b4659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#0653aa Protanomaly 1% of men, 0.01% of women
#06569d Deuteranomaly 6% of men, 0.4% of women
#065a80 Tritanomaly 0.01% of the population

#124caa hex color

#124caa Color Information

#124caa Color Conversion

Color Schemes with #124caa

Alternatives to #124caa

#124caa Preview

Shades and Tints of #124caa

Tones of #124caa

Color Blindness Simulator