#124bd9 hex color

In a RGB color space, hex #124bd9 is composed of 7.1% red, 29.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 65.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 222.8 degrees, a saturation of 84.7% and a lightness of 46.1%. #124bd9 color hex could be obtained by blending #2496ff with #0000b3. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 29
- B 85
RGB color chart
- C 92
- M 65
- Y 0
- K 15
CMYK color chart

● #124bd9 color description : Vivid blue.

The hexadecimal color #124bd9 has RGB values of R:18, G:75, B:217 and CMYK values of C:0.92, M:0.65, Y:0, K:0.15. Its decimal value is 1199065.

Hex triplet	124bd9	`#124bd9`
RGB Decimal	18, 75, 217	`rgb(18,75,217)`
RGB Percent	7.1, 29.4, 85.1	`rgb(7.1%,29.4%,85.1%)`
CMYK	92, 65, 0, 15
HSL	222.8°, 84.7, 46.1	`hsl(222.8,84.7%,46.1%)`
HSV (or HSB)	222.8°, 91.7, 85.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.144, 38.534, -76.589
XYZ	15.287, 10.169, 66.799
xyY	0.166, 0.11, 10.169
CIE-LCH	38.144, 85.737, 296.708
CIE-LUV	38.144, -15.756, -108.985
Hunter-Lab	31.889, 29.764, -101.873
Binary	00010010, 01001011, 11011001

#124bd9
```
#124bd9 rgb(18,75,217)
```
#d9a012
```
#d9a012 rgb(217,160,18)
```

Complementary Color

#12afd9
```
#12afd9 rgb(18,175,217)
```
#124bd9
```
#124bd9 rgb(18,75,217)
```
#3d12d9
```
#3d12d9 rgb(61,18,217)
```

Analogous Color

#afd912
```
#afd912 rgb(175,217,18)
```
#124bd9
```
#124bd9 rgb(18,75,217)
```
#d93c12
```
#d93c12 rgb(217,60,18)
```

Split Complementary Color

#4bd912
```
#4bd912 rgb(75,217,18)
```
#124bd9
```
#124bd9 rgb(18,75,217)
```
#d9124b
```
#d9124b rgb(217,18,75)
```

Triadic Color

#12d9a0
```
#12d9a0 rgb(18,217,160)
```
#124bd9
```
#124bd9 rgb(18,75,217)
```
#d9124b
```
#d9124b rgb(217,18,75)
```
#d9a012
```
#d9a012 rgb(217,160,18)
```

Tetradic Color

#0c3392
```
#0c3392 rgb(12,51,146)
```
#0e3baa
```
#0e3baa rgb(14,59,170)
```
#1043c1
```
#1043c1 rgb(16,67,193)
```
#124bd9
```
#124bd9 rgb(18,75,217)
```
#1955ec
```
#1955ec rgb(25,85,236)
```
#3066ee
```
#3066ee rgb(48,102,238)
```
#4878f0
```
#4878f0 rgb(72,120,240)
```

Monochromatic Color

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

#127dd9
```
#127dd9 rgb(18,125,217)
```
#126cd9
```
#126cd9 rgb(18,108,217)
```
#125cd9
```
#125cd9 rgb(18,92,217)
```
#124bd9
```
#124bd9 rgb(18,75,217)
```
#123ad9
```
#123ad9 rgb(18,58,217)
```
#122ad9
```
#122ad9 rgb(18,42,217)
```
#1219d9
```
#1219d9 rgb(18,25,217)
```

Similar Colors

Text with hexadecimal color #124bd9

This text has a font color of #124bd9.

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

#124bd9 background color

This paragraph has a background color of #124bd9.

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

#124bd9 border color

This element has a border color of #124bd9.

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

CSS codes

.text {color:#124bd9;}

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

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

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

#010612
```
#010612 rgb(1,6,18)
```
#030c24
```
#030c24 rgb(3,12,36)
```
#041336
```
#041336 rgb(4,19,54)
```
#061948
```
#061948 rgb(6,25,72)
```
#071f5a
```
#071f5a rgb(7,31,90)
```
#09256c
```
#09256c rgb(9,37,108)
```
#0a2c7e
```
#0a2c7e rgb(10,44,126)
```
#0c3291
```
#0c3291 rgb(12,50,145)
```
#0d38a3
```
#0d38a3 rgb(13,56,163)
```
#0f3eb5
```
#0f3eb5 rgb(15,62,181)
```
#1045c7
```
#1045c7 rgb(16,69,199)
```
#124bd9
```
#124bd9 rgb(18,75,217)
```
#1451eb
```
#1451eb rgb(20,81,235)
```

Shade Color Variation

#255eed
```
#255eed rgb(37,94,237)
```
#376cee
```
#376cee rgb(55,108,238)
```
#4a79f0
```
#4a79f0 rgb(74,121,240)
```
#5c87f1
```
#5c87f1 rgb(92,135,241)
```
#6e94f3
```
#6e94f3 rgb(110,148,243)
```
#80a1f4
```
#80a1f4 rgb(128,161,244)
```
#92aff6
```
#92aff6 rgb(146,175,246)
```
#a4bcf7
```
#a4bcf7 rgb(164,188,247)
```
#b6c9f9
```
#b6c9f9 rgb(182,201,249)
```
#c8d7fa
```
#c8d7fa rgb(200,215,250)
```
#dae4fc
```
#dae4fc rgb(218,228,252)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757576 is the less saturated color, while #0947e2 is the most saturated one.

#757576
```
#757576 rgb(117,117,118)
```
#6c727f
```
#6c727f rgb(108,114,127)
```
#636e88
```
#636e88 rgb(99,110,136)
```
#5a6a91
```
#5a6a91 rgb(90,106,145)
```
#51669a
```
#51669a rgb(81,102,154)
```
#4862a3
```
#4862a3 rgb(72,98,163)
```
#3f5eac
```
#3f5eac rgb(63,94,172)
```
#365ab5
```
#365ab5 rgb(54,90,181)
```
#2d57be
```
#2d57be rgb(45,87,190)
```
#2453c7
```
#2453c7 rgb(36,83,199)
```
#1b4fd0
```
#1b4fd0 rgb(27,79,208)
```
#124bd9
```
#124bd9 rgb(18,75,217)
```
#0947e2
```
#0947e2 rgb(9,71,226)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3f4a67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0658c5 Protanomaly 1% of men, 0.01% of women
#065bb5 Deuteranomaly 6% of men, 0.4% of women
#066097 Tritanomaly 0.01% of the population

#124bd9 hex color

#124bd9 Color Information

#124bd9 Color Conversion

Color Schemes with #124bd9

Alternatives to #124bd9

#124bd9 Preview

Shades and Tints of #124bd9

Tones of #124bd9

Color Blindness Simulator