#125ba4 hex color

In a RGB color space, hex #125ba4 is composed of 7.1% red, 35.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 44.5% magenta, 0% yellow and 35.7% black. It has a hue angle of 210 degrees, a saturation of 80.2% and a lightness of 35.7%. #125ba4 color hex could be obtained by blending #24b6ff with #000049. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 7
- G 36
- B 64
RGB color chart
- C 89
- M 45
- Y 0
- K 36
CMYK color chart

● #125ba4 color description : Dark blue.

The hexadecimal color #125ba4 has RGB values of R:18, G:91, B:164 and CMYK values of C:0.89, M:0.45, Y:0, K:0.36. Its decimal value is 1203108.

Hex triplet	125ba4	`#125ba4`
RGB Decimal	18, 91, 164	`rgb(18,91,164)`
RGB Percent	7.1, 35.7, 64.3	`rgb(7.1%,35.7%,64.3%)`
CMYK	89, 45, 0, 36
HSL	210°, 80.2, 35.7	`hsl(210,80.2%,35.7%)`
HSV (or HSB)	210°, 89, 64.3
Web Safe	006699	`#006699`

CIE-LAB	38.358, 7.047, -45.267
XYZ	10.69, 10.29, 36.543
xyY	0.186, 0.179, 10.29
CIE-LCH	38.358, 45.812, 278.849
CIE-LUV	38.358, -21.026, -65.405
Hunter-Lab	32.078, 3.347, -45.087
Binary	00010010, 01011011, 10100100

#125ba4
```
#125ba4 rgb(18,91,164)
```
#a45b12
```
#a45b12 rgb(164,91,18)
```

Complementary Color

#12a4a4
```
#12a4a4 rgb(18,164,164)
```
#125ba4
```
#125ba4 rgb(18,91,164)
```
#1212a4
```
#1212a4 rgb(18,18,164)
```

Analogous Color

#a4a412
```
#a4a412 rgb(164,164,18)
```
#125ba4
```
#125ba4 rgb(18,91,164)
```
#a41212
```
#a41212 rgb(164,18,18)
```

Split Complementary Color

#5ba412
```
#5ba412 rgb(91,164,18)
```
#125ba4
```
#125ba4 rgb(18,91,164)
```
#a4125b
```
#a4125b rgb(164,18,91)
```

Triadic Color

#12a45b
```
#12a45b rgb(18,164,91)
```
#125ba4
```
#125ba4 rgb(18,91,164)
```
#a4125b
```
#a4125b rgb(164,18,91)
```
#a45b12
```
#a45b12 rgb(164,91,18)
```

Tetradic Color

#0a355f
```
#0a355f rgb(10,53,95)
```
#0d4276
```
#0d4276 rgb(13,66,118)
```
#0f4e8d
```
#0f4e8d rgb(15,78,141)
```
#125ba4
```
#125ba4 rgb(18,91,164)
```
#1568bb
```
#1568bb rgb(21,104,187)
```
#1775d2
```
#1775d2 rgb(23,117,210)
```
#1c81e6
```
#1c81e6 rgb(28,129,230)
```

Monochromatic Color

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

#1280a4
```
#1280a4 rgb(18,128,164)
```
#1273a4
```
#1273a4 rgb(18,115,164)
```
#1267a4
```
#1267a4 rgb(18,103,164)
```
#125ba4
```
#125ba4 rgb(18,91,164)
```
#124fa4
```
#124fa4 rgb(18,79,164)
```
#1243a4
```
#1243a4 rgb(18,67,164)
```
#1237a4
```
#1237a4 rgb(18,55,164)
```

Similar Colors

Text with hexadecimal color #125ba4

This text has a font color of #125ba4.

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

#125ba4 background color

This paragraph has a background color of #125ba4.

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

#125ba4 border color

This element has a border color of #125ba4.

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

CSS codes

.text {color:#125ba4;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#020d17
```
#020d17 rgb(2,13,23)
```
#041628
```
#041628 rgb(4,22,40)
```
#06203a
```
#06203a rgb(6,32,58)
```
#082a4c
```
#082a4c rgb(8,42,76)
```
#0a345d
```
#0a345d rgb(10,52,93)
```
#0c3e6f
```
#0c3e6f rgb(12,62,111)
```
#0e4781
```
#0e4781 rgb(14,71,129)
```
#105192
```
#105192 rgb(16,81,146)
```
#125ba4
```
#125ba4 rgb(18,91,164)
```
#1465b6
```
#1465b6 rgb(20,101,182)
```
#166fc7
```
#166fc7 rgb(22,111,199)
```
#1878d9
```
#1878d9 rgb(24,120,217)
```

Shade Color Variation

#1e82e6
```
#1e82e6 rgb(30,130,230)
```
#308ce8
```
#308ce8 rgb(48,140,232)
```
#4196ea
```
#4196ea rgb(65,150,234)
```
#53a0ec
```
#53a0ec rgb(83,160,236)
```
#65a9ee
```
#65a9ee rgb(101,169,238)
```
#77b3f0
```
#77b3f0 rgb(119,179,240)
```
#88bdf2
```
#88bdf2 rgb(136,189,242)
```
#9ac7f4
```
#9ac7f4 rgb(154,199,244)
```
#acd1f6
```
#acd1f6 rgb(172,209,246)
```
#bddbf8
```
#bddbf8 rgb(189,219,248)
```
#cfe4fa
```
#cfe4fa rgb(207,228,250)
```
#e1eefc
```
#e1eefc rgb(225,238,252)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585b5e is the less saturated color, while #045bb2 is the most saturated one.

#585b5e
```
#585b5e rgb(88,91,94)
```
#515b65
```
#515b65 rgb(81,91,101)
```
#4a5b6c
```
#4a5b6c rgb(74,91,108)
```
#435b73
```
#435b73 rgb(67,91,115)
```
#3c5b7a
```
#3c5b7a rgb(60,91,122)
```
#355b81
```
#355b81 rgb(53,91,129)
```
#2e5b88
```
#2e5b88 rgb(46,91,136)
```
#275b8f
```
#275b8f rgb(39,91,143)
```
#205b96
```
#205b96 rgb(32,91,150)
```
#195b9d
```
#195b9d rgb(25,91,157)
```
#125ba4
```
#125ba4 rgb(18,91,164)
```
#0b5bab
```
#0b5bab rgb(11,91,171)
```
#045bb2
```
#045bb2 rgb(4,91,178)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#41505e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f60a6 Protanopia 1% of men
#0064a7 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2e5ea5 Protanomaly 1% of men, 0.01% of women
#0661a6 Deuteranomaly 6% of men, 0.4% of women
#066684 Tritanomaly 0.01% of the population

#125ba4 hex color

#125ba4 Color Information

#125ba4 Color Conversion

Color Schemes with #125ba4

Alternatives to #125ba4

#125ba4 Preview

Shades and Tints of #125ba4

Tones of #125ba4

Color Blindness Simulator