#124bbd hex color

In a RGB color space, hex #124bbd is composed of 7.1% red, 29.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 60.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 220 degrees, a saturation of 82.6% and a lightness of 40.6%. #124bbd color hex could be obtained by blending #2496ff with #00007b. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 29
- B 74
RGB color chart
- C 90
- M 60
- Y 0
- K 26
CMYK color chart

● #124bbd color description : Strong blue.

The hexadecimal color #124bbd has RGB values of R:18, G:75, B:189 and CMYK values of C:0.9, M:0.6, Y:0, K:0.26. Its decimal value is 1199037.

Hex triplet	124bbd	`#124bbd`
RGB Decimal	18, 75, 189	`rgb(18,75,189)`
RGB Percent	7.1, 29.4, 74.1	`rgb(7.1%,29.4%,74.1%)`
CMYK	90, 60, 0, 26
HSL	220°, 82.6, 40.6	`hsl(220,82.6%,40.6%)`
HSV (or HSB)	220°, 90.5, 74.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.662, 27.793, -64.417
XYZ	11.949, 8.834, 49.217
xyY	0.171, 0.126, 8.834
CIE-LCH	35.662, 70.157, 293.338
CIE-LUV	35.662, -15.863, -90.942
Hunter-Lab	29.722, 19.748, -77.374
Binary	00010010, 01001011, 10111101

#124bbd
```
#124bbd rgb(18,75,189)
```
#bd8412
```
#bd8412 rgb(189,132,18)
```

Complementary Color

#12a1bd
```
#12a1bd rgb(18,161,189)
```
#124bbd
```
#124bbd rgb(18,75,189)
```
#2f12bd
```
#2f12bd rgb(47,18,189)
```

Analogous Color

#a1bd12
```
#a1bd12 rgb(161,189,18)
```
#124bbd
```
#124bbd rgb(18,75,189)
```
#bd2f12
```
#bd2f12 rgb(189,47,18)
```

Split Complementary Color

#4bbd12
```
#4bbd12 rgb(75,189,18)
```
#124bbd
```
#124bbd rgb(18,75,189)
```
#bd124b
```
#bd124b rgb(189,18,75)
```

Triadic Color

#12bd84
```
#12bd84 rgb(18,189,132)
```
#124bbd
```
#124bbd rgb(18,75,189)
```
#bd124b
```
#bd124b rgb(189,18,75)
```
#bd8412
```
#bd8412 rgb(189,132,18)
```

Tetradic Color

#0b2f77
```
#0b2f77 rgb(11,47,119)
```
#0e398e
```
#0e398e rgb(14,57,142)
```
#1042a6
```
#1042a6 rgb(16,66,166)
```
#124bbd
```
#124bbd rgb(18,75,189)
```
#1454d4
```
#1454d4 rgb(20,84,212)
```
#195ee9
```
#195ee9 rgb(25,94,233)
```
#306feb
```
#306feb rgb(48,111,235)
```

Monochromatic Color

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

#1276bd
```
#1276bd rgb(18,118,189)
```
#1268bd
```
#1268bd rgb(18,104,189)
```
#1259bd
```
#1259bd rgb(18,89,189)
```
#124bbd
```
#124bbd rgb(18,75,189)
```
#123dbd
```
#123dbd rgb(18,61,189)
```
#122ebd
```
#122ebd rgb(18,46,189)
```
#1220bd
```
#1220bd rgb(18,32,189)
```

Similar Colors

Text with hexadecimal color #124bbd

This text has a font color of #124bbd.

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

#124bbd background color

This paragraph has a background color of #124bbd.

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

#124bbd border color

This element has a border color of #124bbd.

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

CSS codes

.text {color:#124bbd;}

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

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

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

#01040a
```
#01040a rgb(1,4,10)
```
#030b1c
```
#030b1c rgb(3,11,28)
```
#04122e
```
#04122e rgb(4,18,46)
```
#061940
```
#061940 rgb(6,25,64)
```
#082052
```
#082052 rgb(8,32,82)
```
#092763
```
#092763 rgb(9,39,99)
```
#0b2f75
```
#0b2f75 rgb(11,47,117)
```
#0d3687
```
#0d3687 rgb(13,54,135)
```
#0f3d99
```
#0f3d99 rgb(15,61,153)
```
#1044ab
```
#1044ab rgb(16,68,171)
```
#124bbd
```
#124bbd rgb(18,75,189)
```
#1452cf
```
#1452cf rgb(20,82,207)
```
#1559e1
```
#1559e1 rgb(21,89,225)
```

Shade Color Variation

#2063ea
```
#2063ea rgb(32,99,234)
```
#3270eb
```
#3270eb rgb(50,112,235)
```
#447ced
```
#447ced rgb(68,124,237)
```
#5689ef
```
#5689ef rgb(86,137,239)
```
#6895f1
```
#6895f1 rgb(104,149,241)
```
#7aa2f2
```
#7aa2f2 rgb(122,162,242)
```
#8caef4
```
#8caef4 rgb(140,174,244)
```
#9dbbf6
```
#9dbbf6 rgb(157,187,246)
```
#afc7f7
```
#afc7f7 rgb(175,199,247)
```
#c1d4f9
```
#c1d4f9 rgb(193,212,249)
```
#d3e0fb
```
#d3e0fb rgb(211,224,251)
```
#e5edfd
```
#e5edfd rgb(229,237,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62666d is the less saturated color, while #0246cd is the most saturated one.

#62666d
```
#62666d rgb(98,102,109)
```
#5a6375
```
#5a6375 rgb(90,99,117)
```
#52607d
```
#52607d rgb(82,96,125)
```
#4a5e85
```
#4a5e85 rgb(74,94,133)
```
#425b8d
```
#425b8d rgb(66,91,141)
```
#3a5895
```
#3a5895 rgb(58,88,149)
```
#32569d
```
#32569d rgb(50,86,157)
```
#2a53a5
```
#2a53a5 rgb(42,83,165)
```
#2250ad
```
#2250ad rgb(34,80,173)
```
#1a4eb5
```
#1a4eb5 rgb(26,78,181)
```
#124bbd
```
#124bbd rgb(18,75,189)
```
#0a48c5
```
#0a48c5 rgb(10,72,197)
```
#0246cd
```
#0246cd rgb(2,70,205)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3c485f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#0654b4 Protanomaly 1% of men, 0.01% of women
#0657a6 Deuteranomaly 6% of men, 0.4% of women
#065c88 Tritanomaly 0.01% of the population

#124bbd hex color

#124bbd Color Information

#124bbd Color Conversion

Color Schemes with #124bbd

Alternatives to #124bbd

#124bbd Preview

Shades and Tints of #124bbd

Tones of #124bbd

Color Blindness Simulator