#125bbb hex color

In a RGB color space, hex #125bbb is composed of 7.1% red, 35.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 51.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 214.1 degrees, a saturation of 82.4% and a lightness of 40.2%. #125bbb color hex could be obtained by blending #24b6ff with #000077. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 7
- G 36
- B 73
RGB color chart
- C 90
- M 51
- Y 0
- K 27
CMYK color chart

● #125bbb color description : Strong blue.

The hexadecimal color #125bbb has RGB values of R:18, G:91, B:187 and CMYK values of C:0.9, M:0.51, Y:0, K:0.27. Its decimal value is 1203131.

Hex triplet	125bbb	`#125bbb`
RGB Decimal	18, 91, 187	`rgb(18,91,187)`
RGB Percent	7.1, 35.7, 73.3	`rgb(7.1%,35.7%,73.3%)`
CMYK	90, 51, 0, 27
HSL	214.1°, 82.4, 40.2	`hsl(214.1,82.4%,40.2%)`
HSV (or HSB)	214.1°, 90.4, 73.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.911, 16.342, -56.332
XYZ	12.958, 11.198, 48.489
xyY	0.178, 0.154, 11.198
CIE-LCH	39.911, 58.655, 286.178
CIE-LUV	39.911, -20.252, -82.793
Hunter-Lab	33.463, 10.563, -62.491
Binary	00010010, 01011011, 10111011

#125bbb
```
#125bbb rgb(18,91,187)
```
#bb7212
```
#bb7212 rgb(187,114,18)
```

Complementary Color

#12b0bb
```
#12b0bb rgb(18,176,187)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#1d12bb
```
#1d12bb rgb(29,18,187)
```

Analogous Color

#b0bb12
```
#b0bb12 rgb(176,187,18)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#bb1e12
```
#bb1e12 rgb(187,30,18)
```

Split Complementary Color

#5bbb12
```
#5bbb12 rgb(91,187,18)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#bb125b
```
#bb125b rgb(187,18,91)
```

Triadic Color

#12bb72
```
#12bb72 rgb(18,187,114)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#bb125b
```
#bb125b rgb(187,18,91)
```
#bb7212
```
#bb7212 rgb(187,114,18)
```

Tetradic Color

#0b3975
```
#0b3975 rgb(11,57,117)
```
#0e448c
```
#0e448c rgb(14,68,140)
```
#1050a4
```
#1050a4 rgb(16,80,164)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#1466d2
```
#1466d2 rgb(20,102,210)
```
#1772e9
```
#1772e9 rgb(23,114,233)
```
#2f80eb
```
#2f80eb rgb(47,128,235)
```

Monochromatic Color

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

#1285bb
```
#1285bb rgb(18,133,187)
```
#1277bb
```
#1277bb rgb(18,119,187)
```
#1269bb
```
#1269bb rgb(18,105,187)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#124dbb
```
#124dbb rgb(18,77,187)
```
#123fbb
```
#123fbb rgb(18,63,187)
```
#1231bb
```
#1231bb rgb(18,49,187)
```

Similar Colors

Text with hexadecimal color #125bbb

This text has a font color of #125bbb.

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

#125bbb background color

This paragraph has a background color of #125bbb.

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

#125bbb border color

This element has a border color of #125bbb.

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

CSS codes

.text {color:#125bbb;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#020d1a
```
#020d1a rgb(2,13,26)
```
#04152c
```
#04152c rgb(4,21,44)
```
#061e3e
```
#061e3e rgb(6,30,62)
```
#082750
```
#082750 rgb(8,39,80)
```
#092f62
```
#092f62 rgb(9,47,98)
```
#0b3873
```
#0b3873 rgb(11,56,115)
```
#0d4185
```
#0d4185 rgb(13,65,133)
```
#0f4a97
```
#0f4a97 rgb(15,74,151)
```
#1052a9
```
#1052a9 rgb(16,82,169)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#1464cd
```
#1464cd rgb(20,100,205)
```
#156cdf
```
#156cdf rgb(21,108,223)
```

Shade Color Variation

#1e76e9
```
#1e76e9 rgb(30,118,233)
```
#3081eb
```
#3081eb rgb(48,129,235)
```
#428ced
```
#428ced rgb(66,140,237)
```
#5497ef
```
#5497ef rgb(84,151,239)
```
#66a2f0
```
#66a2f0 rgb(102,162,240)
```
#78adf2
```
#78adf2 rgb(120,173,242)
```
#8ab8f4
```
#8ab8f4 rgb(138,184,244)
```
#9cc2f5
```
#9cc2f5 rgb(156,194,245)
```
#aecdf7
```
#aecdf7 rgb(174,205,247)
```
#bfd8f9
```
#bfd8f9 rgb(191,216,249)
```
#d1e3fb
```
#d1e3fb rgb(209,227,251)
```
#e3eefc
```
#e3eefc rgb(227,238,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#61666c
```
#61666c rgb(97,102,108)
```
#596574
```
#596574 rgb(89,101,116)
```
#51647c
```
#51647c rgb(81,100,124)
```
#496384
```
#496384 rgb(73,99,132)
```
#41618c
```
#41618c rgb(65,97,140)
```
#396094
```
#396094 rgb(57,96,148)
```
#325f9b
```
#325f9b rgb(50,95,155)
```
#2a5ea3
```
#2a5ea3 rgb(42,94,163)
```
#225dab
```
#225dab rgb(34,93,171)
```
#1a5cb3
```
#1a5cb3 rgb(26,92,179)
```
#125bbb
```
#125bbb rgb(18,91,187)
```
#0a5ac3
```
#0a5ac3 rgb(10,90,195)
```
#0259cb
```
#0259cb rgb(2,89,203)
```

Tone Color Variation

Below, you can see how #125bbb 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
#445265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2263be Protanopia 1% of men
#0068ab Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#1c60bd Protanomaly 1% of men, 0.01% of women
#0663b0 Deuteranomaly 6% of men, 0.4% of women
#06688f Tritanomaly 0.01% of the population

#125bbb hex color

#125bbb Color Information

#125bbb Color Conversion

Color Schemes with #125bbb

Alternatives to #125bbb

#125bbb Preview

Shades and Tints of #125bbb

Tones of #125bbb

Color Blindness Simulator