#124aaf hex color

In a RGB color space, hex #124aaf is composed of 7.1% red, 29% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 57.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 218.6 degrees, a saturation of 81.3% and a lightness of 37.8%. #124aaf color hex could be obtained by blending #2494ff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 7
- G 29
- B 69
RGB color chart
- C 90
- M 58
- Y 0
- K 31
CMYK color chart

● #124aaf color description : Dark blue.

The hexadecimal color #124aaf has RGB values of R:18, G:74, B:175 and CMYK values of C:0.9, M:0.58, Y:0, K:0.31. Its decimal value is 1198767.

Hex triplet	124aaf	`#124aaf`
RGB Decimal	18, 74, 175	`rgb(18,74,175)`
RGB Percent	7.1, 29, 68.6	`rgb(7.1%,29%,68.6%)`
CMYK	90, 58, 0, 31
HSL	218.6°, 81.3, 37.8	`hsl(218.6,81.3%,37.8%)`
HSV (or HSB)	218.6°, 89.7, 68.6
Web Safe	003399	`#003399`

CIE-LAB	34.232, 22.893, -58.485
XYZ	10.434, 8.12, 41.573
xyY	0.174, 0.135, 8.12
CIE-LCH	34.232, 62.806, 291.377
CIE-LUV	34.232, -15.758, -81.847
Hunter-Lab	28.496, 15.492, -66.549
Binary	00010010, 01001010, 10101111

#124aaf
```
#124aaf rgb(18,74,175)
```
#af7712
```
#af7712 rgb(175,119,18)
```

Complementary Color

#1299af
```
#1299af rgb(18,153,175)
```
#124aaf
```
#124aaf rgb(18,74,175)
```
#2812af
```
#2812af rgb(40,18,175)
```

Analogous Color

#99af12
```
#99af12 rgb(153,175,18)
```
#124aaf
```
#124aaf rgb(18,74,175)
```
#af2812
```
#af2812 rgb(175,40,18)
```

Split Complementary Color

#4aaf12
```
#4aaf12 rgb(74,175,18)
```
#124aaf
```
#124aaf rgb(18,74,175)
```
#af124a
```
#af124a rgb(175,18,74)
```

Triadic Color

#12af77
```
#12af77 rgb(18,175,119)
```
#124aaf
```
#124aaf rgb(18,74,175)
```
#af124a
```
#af124a rgb(175,18,74)
```
#af7712
```
#af7712 rgb(175,119,18)
```

Tetradic Color

#0b2d6a
```
#0b2d6a rgb(11,45,106)
```
#0d3681
```
#0d3681 rgb(13,54,129)
```
#104098
```
#104098 rgb(16,64,152)
```
#124aaf
```
#124aaf rgb(18,74,175)
```
#1454c6
```
#1454c6 rgb(20,84,198)
```
#175edd
```
#175edd rgb(23,94,221)
```
#256be9
```
#256be9 rgb(37,107,233)
```

Monochromatic Color

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

#1271af
```
#1271af rgb(18,113,175)
```
#1264af
```
#1264af rgb(18,100,175)
```
#1257af
```
#1257af rgb(18,87,175)
```
#124aaf
```
#124aaf rgb(18,74,175)
```
#123daf
```
#123daf rgb(18,61,175)
```
#1230af
```
#1230af rgb(18,48,175)
```
#1223af
```
#1223af rgb(18,35,175)
```

Similar Colors

Text with hexadecimal color #124aaf

This text has a font color of #124aaf.

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

#124aaf background color

This paragraph has a background color of #124aaf.

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

#124aaf border color

This element has a border color of #124aaf.

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

CSS codes

.text {color:#124aaf;}

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

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

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, #02060f is the darkest color, while #fcfdff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#030e21
```
#030e21 rgb(3,14,33)
```
#051532
```
#051532 rgb(5,21,50)
```
#071d44
```
#071d44 rgb(7,29,68)
```
#092456
```
#092456 rgb(9,36,86)
```
#0b2c68
```
#0b2c68 rgb(11,44,104)
```
#0d337a
```
#0d337a rgb(13,51,122)
```
#0e3b8b
```
#0e3b8b rgb(14,59,139)
```
#10429d
```
#10429d rgb(16,66,157)
```
#124aaf
```
#124aaf rgb(18,74,175)
```
#1452c1
```
#1452c1 rgb(20,82,193)
```
#1659d3
```
#1659d3 rgb(22,89,211)
```
#1761e4
```
#1761e4 rgb(23,97,228)
```

Shade Color Variation

#276ce9
```
#276ce9 rgb(39,108,233)
```
#3878eb
```
#3878eb rgb(56,120,235)
```
#4a84ec
```
#4a84ec rgb(74,132,236)
```
#5c90ee
```
#5c90ee rgb(92,144,238)
```
#6e9cf0
```
#6e9cf0 rgb(110,156,240)
```
#80a8f2
```
#80a8f2 rgb(128,168,242)
```
#91b4f4
```
#91b4f4 rgb(145,180,244)
```
#a3c1f6
```
#a3c1f6 rgb(163,193,246)
```
#b5cdf7
```
#b5cdf7 rgb(181,205,247)
```
#c7d9f9
```
#c7d9f9 rgb(199,217,249)
```
#d9e5fb
```
#d9e5fb rgb(217,229,251)
```
#eaf1fd
```
#eaf1fd rgb(234,241,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#5c5f65
```
#5c5f65 rgb(92,95,101)
```
#555d6c
```
#555d6c rgb(85,93,108)
```
#4d5b74
```
#4d5b74 rgb(77,91,116)
```
#46597b
```
#46597b rgb(70,89,123)
```
#3f5782
```
#3f5782 rgb(63,87,130)
```
#37558a
```
#37558a rgb(55,85,138)
```
#305391
```
#305391 rgb(48,83,145)
```
#285099
```
#285099 rgb(40,80,153)
```
#214ea0
```
#214ea0 rgb(33,78,160)
```
#194ca8
```
#194ca8 rgb(25,76,168)
```
#124aaf
```
#124aaf rgb(18,74,175)
```
#0b48b6
```
#0b48b6 rgb(11,72,182)
```
#0346be
```
#0346be rgb(3,70,190)
```

Tone Color Variation

Below, you can see how #124aaf 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
#3b465a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056aa Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0652ab Protanomaly 1% of men, 0.01% of women
#06559e Deuteranomaly 6% of men, 0.4% of women
#065981 Tritanomaly 0.01% of the population

#124aaf hex color

#124aaf Color Information

#124aaf Color Conversion

Color Schemes with #124aaf

Alternatives to #124aaf

#124aaf Preview

Shades and Tints of #124aaf

Tones of #124aaf

Color Blindness Simulator