#125aa4 hex color

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

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

● #125aa4 color description : Dark blue.

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

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

CIE-LAB	38.058, 7.703, -45.749
XYZ	10.605, 10.12, 36.514
xyY	0.185, 0.177, 10.12
CIE-LCH	38.058, 46.393, 279.557
CIE-LUV	38.058, -20.709, -66.007
Hunter-Lab	31.812, 3.832, -45.784
Binary	00010010, 01011010, 10100100

#125aa4
```
#125aa4 rgb(18,90,164)
```
#a45c12
```
#a45c12 rgb(164,92,18)
```

Complementary Color

#12a3a4
```
#12a3a4 rgb(18,163,164)
```
#125aa4
```
#125aa4 rgb(18,90,164)
```
#1312a4
```
#1312a4 rgb(19,18,164)
```

Analogous Color

#a3a412
```
#a3a412 rgb(163,164,18)
```
#125aa4
```
#125aa4 rgb(18,90,164)
```
#a41312
```
#a41312 rgb(164,19,18)
```

Split Complementary Color

#5aa412
```
#5aa412 rgb(90,164,18)
```
#125aa4
```
#125aa4 rgb(18,90,164)
```
#a4125a
```
#a4125a rgb(164,18,90)
```

Triadic Color

#12a45c
```
#12a45c rgb(18,164,92)
```
#125aa4
```
#125aa4 rgb(18,90,164)
```
#a4125a
```
#a4125a rgb(164,18,90)
```
#a45c12
```
#a45c12 rgb(164,92,18)
```

Tetradic Color

#0a345f
```
#0a345f rgb(10,52,95)
```
#0d4176
```
#0d4176 rgb(13,65,118)
```
#0f4d8d
```
#0f4d8d rgb(15,77,141)
```
#125aa4
```
#125aa4 rgb(18,90,164)
```
#1567bb
```
#1567bb rgb(21,103,187)
```
#1773d2
```
#1773d2 rgb(23,115,210)
```
#1c80e6
```
#1c80e6 rgb(28,128,230)
```

Monochromatic Color

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

#127fa4
```
#127fa4 rgb(18,127,164)
```
#1272a4
```
#1272a4 rgb(18,114,164)
```
#1266a4
```
#1266a4 rgb(18,102,164)
```
#125aa4
```
#125aa4 rgb(18,90,164)
```
#124ea4
```
#124ea4 rgb(18,78,164)
```
#1242a4
```
#1242a4 rgb(18,66,164)
```
#1236a4
```
#1236a4 rgb(18,54,164)
```

Similar Colors

Text with hexadecimal color #125aa4

This text has a font color of #125aa4.

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

#125aa4 background color

This paragraph has a background color of #125aa4.

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

#125aa4 border color

This element has a border color of #125aa4.

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

CSS codes

.text {color:#125aa4;}

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

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

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)
```
#020c17
```
#020c17 rgb(2,12,23)
```
#041628
```
#041628 rgb(4,22,40)
```
#06203a
```
#06203a rgb(6,32,58)
```
#082a4c
```
#082a4c rgb(8,42,76)
```
#0a335d
```
#0a335d rgb(10,51,93)
```
#0c3d6f
```
#0c3d6f rgb(12,61,111)
```
#0e4781
```
#0e4781 rgb(14,71,129)
```
#105092
```
#105092 rgb(16,80,146)
```
#125aa4
```
#125aa4 rgb(18,90,164)
```
#1464b6
```
#1464b6 rgb(20,100,182)
```
#166dc7
```
#166dc7 rgb(22,109,199)
```
#1877d9
```
#1877d9 rgb(24,119,217)
```

Shade Color Variation

#1e81e6
```
#1e81e6 rgb(30,129,230)
```
#308be8
```
#308be8 rgb(48,139,232)
```
#4195ea
```
#4195ea rgb(65,149,234)
```
#539fec
```
#539fec rgb(83,159,236)
```
#65a9ee
```
#65a9ee rgb(101,169,238)
```
#77b2f0
```
#77b2f0 rgb(119,178,240)
```
#88bcf2
```
#88bcf2 rgb(136,188,242)
```
#9ac6f4
```
#9ac6f4 rgb(154,198,244)
```
#acd0f6
```
#acd0f6 rgb(172,208,246)
```
#bddaf8
```
#bddaf8 rgb(189,218,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 #045ab2 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)
```
#355a81
```
#355a81 rgb(53,90,129)
```
#2e5a88
```
#2e5a88 rgb(46,90,136)
```
#275a8f
```
#275a8f rgb(39,90,143)
```
#205a96
```
#205a96 rgb(32,90,150)
```
#195a9d
```
#195a9d rgb(25,90,157)
```
#125aa4
```
#125aa4 rgb(18,90,164)
```
#0b5aab
```
#0b5aab rgb(11,90,171)
```
#045ab2
```
#045ab2 rgb(4,90,178)
```

Tone Color Variation

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

#3d5fa6 Protanopia 1% of men
#0063a6 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#2d5da5 Protanomaly 1% of men, 0.01% of women
#0660a5 Deuteranomaly 6% of men, 0.4% of women
#066584 Tritanomaly 0.01% of the population

#125aa4 hex color

#125aa4 Color Information

#125aa4 Color Conversion

Color Schemes with #125aa4

Alternatives to #125aa4

#125aa4 Preview

Shades and Tints of #125aa4

Tones of #125aa4

Color Blindness Simulator