#125ad4 hex color

In a RGB color space, hex #125ad4 is composed of 7.1% red, 35.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 57.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 217.7 degrees, a saturation of 84.3% and a lightness of 45.1%. #125ad4 color hex could be obtained by blending #24b4ff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 7
- G 35
- B 83
RGB color chart
- C 92
- M 58
- Y 0
- K 17
CMYK color chart

● #125ad4 color description : Strong blue.

The hexadecimal color #125ad4 has RGB values of R:18, G:90, B:212 and CMYK values of C:0.92, M:0.58, Y:0, K:0.17. Its decimal value is 1202900.

Hex triplet	125ad4	`#125ad4`
RGB Decimal	18, 90, 212	`rgb(18,90,212)`
RGB Percent	7.1, 35.3, 83.1	`rgb(7.1%,35.3%,83.1%)`
CMYK	92, 58, 0, 17
HSL	217.7°, 84.3, 45.1	`hsl(217.7,84.3%,45.1%)`
HSV (or HSB)	217.7°, 91.5, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.521, 26.908, -68.189
XYZ	15.787, 12.193, 63.805
xyY	0.172, 0.133, 12.193
CIE-LCH	41.521, 73.306, 291.535
CIE-LUV	41.521, -19.413, -100.954
Hunter-Lab	34.919, 19.593, -83.895
Binary	00010010, 01011010, 11010100

#125ad4
```
#125ad4 rgb(18,90,212)
```
#d48c12
```
#d48c12 rgb(212,140,18)
```

Complementary Color

#12bbd4
```
#12bbd4 rgb(18,187,212)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#2b12d4
```
#2b12d4 rgb(43,18,212)
```

Analogous Color

#bbd412
```
#bbd412 rgb(187,212,18)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#d42b12
```
#d42b12 rgb(212,43,18)
```

Split Complementary Color

#5ad412
```
#5ad412 rgb(90,212,18)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#d4125a
```
#d4125a rgb(212,18,90)
```

Triadic Color

#12d48c
```
#12d48c rgb(18,212,140)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#d4125a
```
#d4125a rgb(212,18,90)
```
#d48c12
```
#d48c12 rgb(212,140,18)
```

Tetradic Color

#0c3c8d
```
#0c3c8d rgb(12,60,141)
```
#0e46a5
```
#0e46a5 rgb(14,70,165)
```
#1050bc
```
#1050bc rgb(16,80,188)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#1464eb
```
#1464eb rgb(20,100,235)
```
#2c74ed
```
#2c74ed rgb(44,116,237)
```
#4383ef
```
#4383ef rgb(67,131,239)
```

Monochromatic Color

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

#128bd4
```
#128bd4 rgb(18,139,212)
```
#127ad4
```
#127ad4 rgb(18,122,212)
```
#126ad4
```
#126ad4 rgb(18,106,212)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#124ad4
```
#124ad4 rgb(18,74,212)
```
#123ad4
```
#123ad4 rgb(18,58,212)
```
#122ad4
```
#122ad4 rgb(18,42,212)
```

Similar Colors

Text with hexadecimal color #125ad4

This text has a font color of #125ad4.

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

#125ad4 background color

This paragraph has a background color of #125ad4.

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

#125ad4 border color

This element has a border color of #125ad4.

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

CSS codes

.text {color:#125ad4;}

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

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

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, #01060d is the darkest color, while #fafcff is the lightest one.

#01060d
```
#01060d rgb(1,6,13)
```
#030d1f
```
#030d1f rgb(3,13,31)
```
#041531
```
#041531 rgb(4,21,49)
```
#061d43
```
#061d43 rgb(6,29,67)
```
#072455
```
#072455 rgb(7,36,85)
```
#092c68
```
#092c68 rgb(9,44,104)
```
#0a347a
```
#0a347a rgb(10,52,122)
```
#0c3b8c
```
#0c3b8c rgb(12,59,140)
```
#0d439e
```
#0d439e rgb(13,67,158)
```
#0f4bb0
```
#0f4bb0 rgb(15,75,176)
```
#1052c2
```
#1052c2 rgb(16,82,194)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#1462e6
```
#1462e6 rgb(20,98,230)
```

Shade Color Variation

#216cec
```
#216cec rgb(33,108,236)
```
#3378ee
```
#3378ee rgb(51,120,238)
```
#4584ef
```
#4584ef rgb(69,132,239)
```
#5790f1
```
#5790f1 rgb(87,144,241)
```
#699cf2
```
#699cf2 rgb(105,156,242)
```
#7ba8f4
```
#7ba8f4 rgb(123,168,244)
```
#8eb4f5
```
#8eb4f5 rgb(142,180,245)
```
#a0c0f7
```
#a0c0f7 rgb(160,192,247)
```
#b2ccf8
```
#b2ccf8 rgb(178,204,248)
```
#c4d8fa
```
#c4d8fa rgb(196,216,250)
```
#d6e4fc
```
#d6e4fc rgb(214,228,252)
```
#e8f0fd
```
#e8f0fd rgb(232,240,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a717c is the less saturated color, while #0055e6 is the most saturated one.

#6a717c
```
#6a717c rgb(106,113,124)
```
#626f84
```
#626f84 rgb(98,111,132)
```
#596c8d
```
#596c8d rgb(89,108,141)
```
#506a96
```
#506a96 rgb(80,106,150)
```
#47689f
```
#47689f rgb(71,104,159)
```
#3e65a8
```
#3e65a8 rgb(62,101,168)
```
#3563b1
```
#3563b1 rgb(53,99,177)
```
#2d61b9
```
#2d61b9 rgb(45,97,185)
```
#245fc2
```
#245fc2 rgb(36,95,194)
```
#1b5ccb
```
#1b5ccb rgb(27,92,203)
```
#125ad4
```
#125ad4 rgb(18,90,212)
```
#0958dd
```
#0958dd rgb(9,88,221)
```
#0055e6
```
#0055e6 rgb(0,85,230)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#45546c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c9 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0662cd Protanomaly 1% of men, 0.01% of women
#0665bc Deuteranomaly 6% of men, 0.4% of women
#066a9b Tritanomaly 0.01% of the population

#125ad4 hex color

#125ad4 Color Information

#125ad4 Color Conversion

Color Schemes with #125ad4

Alternatives to #125ad4

#125ad4 Preview

Shades and Tints of #125ad4

Tones of #125ad4

Color Blindness Simulator