#125bbc hex color

In a RGB color space, hex #125bbc is composed of 7.1% red, 35.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 51.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 214.2 degrees, a saturation of 82.5% and a lightness of 40.4%. #125bbc color hex could be obtained by blending #24b6ff with #000079. Closest websafe color is: #0066cc.

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

● #125bbc color description : Strong blue.

The hexadecimal color #125bbc has RGB values of R:18, G:91, B:188 and CMYK values of C:0.9, M:0.52, Y:0, K:0.26. Its decimal value is 1203132.

Hex triplet	125bbc	`#125bbc`
RGB Decimal	18, 91, 188	`rgb(18,91,188)`
RGB Percent	7.1, 35.7, 73.7	`rgb(7.1%,35.7%,73.7%)`
CMYK	90, 52, 0, 26
HSL	214.2°, 82.5, 40.4	`hsl(214.2,82.5%,40.4%)`
HSV (or HSB)	214.2°, 90.4, 73.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.983, 16.744, -56.8
XYZ	13.066, 11.24, 49.055
xyY	0.178, 0.153, 11.24
CIE-LCH	39.983, 59.217, 286.425
CIE-LUV	39.983, -20.224, -83.525
Hunter-Lab	33.527, 10.891, -63.282
Binary	00010010, 01011011, 10111100

#125bbc
```
#125bbc rgb(18,91,188)
```
#bc7312
```
#bc7312 rgb(188,115,18)
```

Complementary Color

#12b0bc
```
#12b0bc rgb(18,176,188)
```
#125bbc
```
#125bbc rgb(18,91,188)
```
#1e12bc
```
#1e12bc rgb(30,18,188)
```

Analogous Color

#b0bc12
```
#b0bc12 rgb(176,188,18)
```
#125bbc
```
#125bbc rgb(18,91,188)
```
#bc1e12
```
#bc1e12 rgb(188,30,18)
```

Split Complementary Color

#5bbc12
```
#5bbc12 rgb(91,188,18)
```
#125bbc
```
#125bbc rgb(18,91,188)
```
#bc125b
```
#bc125b rgb(188,18,91)
```

Triadic Color

#12bc73
```
#12bc73 rgb(18,188,115)
```
#125bbc
```
#125bbc rgb(18,91,188)
```
#bc125b
```
#bc125b rgb(188,18,91)
```
#bc7312
```
#bc7312 rgb(188,115,18)
```

Tetradic Color

#0b3976
```
#0b3976 rgb(11,57,118)
```
#0e448d
```
#0e448d rgb(14,68,141)
```
#1050a5
```
#1050a5 rgb(16,80,165)
```
#125bbc
```
#125bbc rgb(18,91,188)
```
#1466d3
```
#1466d3 rgb(20,102,211)
```
#1872e9
```
#1872e9 rgb(24,114,233)
```
#2f80eb
```
#2f80eb rgb(47,128,235)
```

Monochromatic Color

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

#1286bc
```
#1286bc rgb(18,134,188)
```
#1277bc
```
#1277bc rgb(18,119,188)
```
#1269bc
```
#1269bc rgb(18,105,188)
```
#125bbc
```
#125bbc rgb(18,91,188)
```
#124dbc
```
#124dbc rgb(18,77,188)
```
#123fbc
```
#123fbc rgb(18,63,188)
```
#1231bc
```
#1231bc rgb(18,49,188)
```

Similar Colors

Text with hexadecimal color #125bbc

This text has a font color of #125bbc.

<span style="color:#125bbc;">Text here</span>

#125bbc background color

This paragraph has a background color of #125bbc.

<p style="background-color:#125bbc;">Content here</p>

#125bbc border color

This element has a border color of #125bbc.

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

CSS codes

.text {color:#125bbc;}

.background {background-color:#125bbc;}

.border {border:1px solid #125bbc;}

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

#010409
```
#010409 rgb(1,4,9)
```
#030d1b
```
#030d1b rgb(3,13,27)
```
#04162d
```
#04162d rgb(4,22,45)
```
#061e3f
```
#061e3f rgb(6,30,63)
```
#082751
```
#082751 rgb(8,39,81)
```
#093062
```
#093062 rgb(9,48,98)
```
#0b3874
```
#0b3874 rgb(11,56,116)
```
#0d4186
```
#0d4186 rgb(13,65,134)
```
#0f4a98
```
#0f4a98 rgb(15,74,152)
```
#1052aa
```
#1052aa rgb(16,82,170)
```
#125bbc
```
#125bbc rgb(18,91,188)
```
#1464ce
```
#1464ce rgb(20,100,206)
```
#156ce0
```
#156ce0 rgb(21,108,224)
```

Shade Color Variation

#1f76ea
```
#1f76ea rgb(31,118,234)
```
#3181eb
```
#3181eb rgb(49,129,235)
```
#438ced
```
#438ced rgb(67,140,237)
```
#5597ef
```
#5597ef rgb(85,151,239)
```
#67a2f0
```
#67a2f0 rgb(103,162,240)
```
#79adf2
```
#79adf2 rgb(121,173,242)
```
#8bb8f4
```
#8bb8f4 rgb(139,184,244)
```
#9dc3f6
```
#9dc3f6 rgb(157,195,246)
```
#aecef7
```
#aecef7 rgb(174,206,247)
```
#c0d9f9
```
#c0d9f9 rgb(192,217,249)
```
#d2e4fb
```
#d2e4fb rgb(210,228,251)
```
#e4effc
```
#e4effc rgb(228,239,252)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#61666d
```
#61666d rgb(97,102,109)
```
#596575
```
#596575 rgb(89,101,117)
```
#51647d
```
#51647d rgb(81,100,125)
```
#496385
```
#496385 rgb(73,99,133)
```
#42628c
```
#42628c rgb(66,98,140)
```
#3a6194
```
#3a6194 rgb(58,97,148)
```
#325f9c
```
#325f9c rgb(50,95,156)
```
#2a5ea4
```
#2a5ea4 rgb(42,94,164)
```
#225dac
```
#225dac rgb(34,93,172)
```
#1a5cb4
```
#1a5cb4 rgb(26,92,180)
```
#125bbc
```
#125bbc rgb(18,91,188)
```
#0a5ac4
```
#0a5ac4 rgb(10,90,196)
```
#0259cc
```
#0259cc rgb(2,89,204)
```

Tone Color Variation

Below, you can see how #125bbc 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

#505050 Achromatopsia 0.005% of the population
#445266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f63bf Protanopia 1% of men
#0068ab Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#1a60be Protanomaly 1% of men, 0.01% of women
#0663b1 Deuteranomaly 6% of men, 0.4% of women
#066890 Tritanomaly 0.01% of the population

#125bbc hex color

#125bbc Color Information

#125bbc Color Conversion

Color Schemes with #125bbc

Alternatives to #125bbc

#125bbc Preview

Shades and Tints of #125bbc

Tones of #125bbc

Color Blindness Simulator