#124bb0 hex color

In a RGB color space, hex #124bb0 is composed of 7.1% red, 29.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 57.4% magenta, 0% yellow and 31% black. It has a hue angle of 218.4 degrees, a saturation of 81.4% and a lightness of 38%. #124bb0 color hex could be obtained by blending #2496ff with #000061. Closest websafe color is: #003399.

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

● #124bb0 color description : Dark blue.

The hexadecimal color #124bb0 has RGB values of R:18, G:75, B:176 and CMYK values of C:0.9, M:0.57, Y:0, K:0.31. Its decimal value is 1199024.

Hex triplet	124bb0	`#124bb0`
RGB Decimal	18, 75, 176	`rgb(18,75,176)`
RGB Percent	7.1, 29.4, 69	`rgb(7.1%,29.4%,69%)`
CMYK	90, 57, 0, 31
HSL	218.4°, 81.4, 38	`hsl(218.4,81.4%,38%)`
HSV (or HSB)	218.4°, 89.8, 69
Web Safe	003399	`#003399`

CIE-LAB	34.589, 22.62, -58.498
XYZ	10.6, 8.294, 42.114
xyY	0.174, 0.136, 8.294
CIE-LCH	34.589, 62.719, 291.14
CIE-LUV	34.589, -16.011, -82.158
Hunter-Lab	28.8, 15.299, -66.539
Binary	00010010, 01001011, 10110000

#124bb0
```
#124bb0 rgb(18,75,176)
```
#b07712
```
#b07712 rgb(176,119,18)
```

Complementary Color

#129ab0
```
#129ab0 rgb(18,154,176)
```
#124bb0
```
#124bb0 rgb(18,75,176)
```
#2812b0
```
#2812b0 rgb(40,18,176)
```

Analogous Color

#9ab012
```
#9ab012 rgb(154,176,18)
```
#124bb0
```
#124bb0 rgb(18,75,176)
```
#b02812
```
#b02812 rgb(176,40,18)
```

Split Complementary Color

#4bb012
```
#4bb012 rgb(75,176,18)
```
#124bb0
```
#124bb0 rgb(18,75,176)
```
#b0124b
```
#b0124b rgb(176,18,75)
```

Triadic Color

#12b077
```
#12b077 rgb(18,176,119)
```
#124bb0
```
#124bb0 rgb(18,75,176)
```
#b0124b
```
#b0124b rgb(176,18,75)
```
#b07712
```
#b07712 rgb(176,119,18)
```

Tetradic Color

#0b2d6b
```
#0b2d6b rgb(11,45,107)
```
#0d3782
```
#0d3782 rgb(13,55,130)
```
#104199
```
#104199 rgb(16,65,153)
```
#124bb0
```
#124bb0 rgb(18,75,176)
```
#1455c7
```
#1455c7 rgb(20,85,199)
```
#175fde
```
#175fde rgb(23,95,222)
```
#266ce9
```
#266ce9 rgb(38,108,233)
```

Monochromatic Color

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

#1273b0
```
#1273b0 rgb(18,115,176)
```
#1265b0
```
#1265b0 rgb(18,101,176)
```
#1258b0
```
#1258b0 rgb(18,88,176)
```
#124bb0
```
#124bb0 rgb(18,75,176)
```
#123eb0
```
#123eb0 rgb(18,62,176)
```
#1231b0
```
#1231b0 rgb(18,49,176)
```
#1224b0
```
#1224b0 rgb(18,36,176)
```

Similar Colors

Text with hexadecimal color #124bb0

This text has a font color of #124bb0.

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

#124bb0 background color

This paragraph has a background color of #124bb0.

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

#124bb0 border color

This element has a border color of #124bb0.

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

CSS codes

.text {color:#124bb0;}

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

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

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

#020710
```
#020710 rgb(2,7,16)
```
#030e22
```
#030e22 rgb(3,14,34)
```
#051633
```
#051633 rgb(5,22,51)
```
#071e45
```
#071e45 rgb(7,30,69)
```
#092557
```
#092557 rgb(9,37,87)
```
#0b2d69
```
#0b2d69 rgb(11,45,105)
```
#0d347b
```
#0d347b rgb(13,52,123)
```
#0e3c8c
```
#0e3c8c rgb(14,60,140)
```
#10439e
```
#10439e rgb(16,67,158)
```
#124bb0
```
#124bb0 rgb(18,75,176)
```
#1453c2
```
#1453c2 rgb(20,83,194)
```
#165ad4
```
#165ad4 rgb(22,90,212)
```
#1762e5
```
#1762e5 rgb(23,98,229)
```

Shade Color Variation

#286de9
```
#286de9 rgb(40,109,233)
```
#3979eb
```
#3979eb rgb(57,121,235)
```
#4b85ed
```
#4b85ed rgb(75,133,237)
```
#5d91ee
```
#5d91ee rgb(93,145,238)
```
#6f9df0
```
#6f9df0 rgb(111,157,240)
```
#80a9f2
```
#80a9f2 rgb(128,169,242)
```
#92b5f4
```
#92b5f4 rgb(146,181,244)
```
#a4c2f6
```
#a4c2f6 rgb(164,194,246)
```
#b6cef8
```
#b6cef8 rgb(182,206,248)
```
#c8daf9
```
#c8daf9 rgb(200,218,249)
```
#d9e6fb
```
#d9e6fb rgb(217,230,251)
```
#ebf2fd
```
#ebf2fd rgb(235,242,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#5d6065
```
#5d6065 rgb(93,96,101)
```
#555e6d
```
#555e6d rgb(85,94,109)
```
#4e5c74
```
#4e5c74 rgb(78,92,116)
```
#465a7c
```
#465a7c rgb(70,90,124)
```
#3f5783
```
#3f5783 rgb(63,87,131)
```
#37558b
```
#37558b rgb(55,85,139)
```
#305392
```
#305392 rgb(48,83,146)
```
#28519a
```
#28519a rgb(40,81,154)
```
#214fa1
```
#214fa1 rgb(33,79,161)
```
#194da9
```
#194da9 rgb(25,77,169)
```
#124bb0
```
#124bb0 rgb(18,75,176)
```
#0b49b7
```
#0b49b7 rgb(11,73,183)
```
#0347bf
```
#0347bf rgb(3,71,191)
```

Tone Color Variation

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

#0057ab Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0653ad Protanomaly 1% of men, 0.01% of women
#06569f Deuteranomaly 6% of men, 0.4% of women
#065a82 Tritanomaly 0.01% of the population

#124bb0 hex color

#124bb0 Color Information

#124bb0 Color Conversion

Color Schemes with #124bb0

Alternatives to #124bb0

#124bb0 Preview

Shades and Tints of #124bb0

Tones of #124bb0

Color Blindness Simulator