#125fdd hex color

In a RGB color space, hex #125fdd is composed of 7.1% red, 37.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 57% magenta, 0% yellow and 13.3% black. It has a hue angle of 217.2 degrees, a saturation of 84.9% and a lightness of 46.9%. #125fdd color hex could be obtained by blending #24beff with #0000bb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 7
- G 37
- B 87
RGB color chart
- C 92
- M 57
- Y 0
- K 13
CMYK color chart

● #125fdd color description : Vivid blue.

The hexadecimal color #125fdd has RGB values of R:18, G:95, B:221 and CMYK values of C:0.92, M:0.57, Y:0, K:0.13. Its decimal value is 1204189.

Hex triplet	125fdd	`#125fdd`
RGB Decimal	18, 95, 221	`rgb(18,95,221)`
RGB Percent	7.1, 37.3, 86.7	`rgb(7.1%,37.3%,86.7%)`
CMYK	92, 57, 0, 13
HSL	217.2°, 84.9, 46.9	`hsl(217.2,84.9%,46.9%)`
HSV (or HSB)	217.2°, 91.9, 86.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.554, 27.152, -70.015
XYZ	17.39, 13.532, 70.098
xyY	0.172, 0.134, 13.532
CIE-LCH	43.554, 75.096, 291.196
CIE-LUV	43.554, -20.566, -105.056
Hunter-Lab	36.786, 20.008, -87.231
Binary	00010010, 01011111, 11011101

#125fdd
```
#125fdd rgb(18,95,221)
```
#dd9012
```
#dd9012 rgb(221,144,18)
```

Complementary Color

#12c5dd
```
#12c5dd rgb(18,197,221)
```
#125fdd
```
#125fdd rgb(18,95,221)
```
#2b12dd
```
#2b12dd rgb(43,18,221)
```

Analogous Color

#c5dd12
```
#c5dd12 rgb(197,221,18)
```
#125fdd
```
#125fdd rgb(18,95,221)
```
#dd2b12
```
#dd2b12 rgb(221,43,18)
```

Split Complementary Color

#5fdd12
```
#5fdd12 rgb(95,221,18)
```
#125fdd
```
#125fdd rgb(18,95,221)
```
#dd125f
```
#dd125f rgb(221,18,95)
```

Triadic Color

#12dd90
```
#12dd90 rgb(18,221,144)
```
#125fdd
```
#125fdd rgb(18,95,221)
```
#dd125f
```
#dd125f rgb(221,18,95)
```
#dd9012
```
#dd9012 rgb(221,144,18)
```

Tetradic Color

#0c4196
```
#0c4196 rgb(12,65,150)
```
#0e4bae
```
#0e4bae rgb(14,75,174)
```
#1055c5
```
#1055c5 rgb(16,85,197)
```
#125fdd
```
#125fdd rgb(18,95,221)
```
#1c6bed
```
#1c6bed rgb(28,107,237)
```
#347aee
```
#347aee rgb(52,122,238)
```
#4b8af0
```
#4b8af0 rgb(75,138,240)
```

Monochromatic Color

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

#1292dd
```
#1292dd rgb(18,146,221)
```
#1281dd
```
#1281dd rgb(18,129,221)
```
#1270dd
```
#1270dd rgb(18,112,221)
```
#125fdd
```
#125fdd rgb(18,95,221)
```
#124edd
```
#124edd rgb(18,78,221)
```
#123ddd
```
#123ddd rgb(18,61,221)
```
#122cdd
```
#122cdd rgb(18,44,221)
```

Similar Colors

Text with hexadecimal color #125fdd

This text has a font color of #125fdd.

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

#125fdd background color

This paragraph has a background color of #125fdd.

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

#125fdd border color

This element has a border color of #125fdd.

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

CSS codes

.text {color:#125fdd;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020915
```
#020915 rgb(2,9,21)
```
#031128
```
#031128 rgb(3,17,40)
```
#05193a
```
#05193a rgb(5,25,58)
```
#06214c
```
#06214c rgb(6,33,76)
```
#08285e
```
#08285e rgb(8,40,94)
```
#093070
```
#093070 rgb(9,48,112)
```
#0b3882
```
#0b3882 rgb(11,56,130)
```
#0c4094
```
#0c4094 rgb(12,64,148)
```
#0e48a7
```
#0e48a7 rgb(14,72,167)
```
#0f4fb9
```
#0f4fb9 rgb(15,79,185)
```
#1157cb
```
#1157cb rgb(17,87,203)
```
#125fdd
```
#125fdd rgb(18,95,221)
```

Shade Color Variation

#1768ec
```
#1768ec rgb(23,104,236)
```
#2973ee
```
#2973ee rgb(41,115,238)
```
#3b7fef
```
#3b7fef rgb(59,127,239)
```
#4d8bf0
```
#4d8bf0 rgb(77,139,240)
```
#5f97f2
```
#5f97f2 rgb(95,151,242)
```
#71a3f3
```
#71a3f3 rgb(113,163,243)
```
#83aef5
```
#83aef5 rgb(131,174,245)
```
#96baf6
```
#96baf6 rgb(150,186,246)
```
#a8c6f8
```
#a8c6f8 rgb(168,198,248)
```
#bad2f9
```
#bad2f9 rgb(186,210,249)
```
#ccdefb
```
#ccdefb rgb(204,222,251)
```
#deeafc
```
#deeafc rgb(222,234,252)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777778 is the less saturated color, while #095de6 is the most saturated one.

#777778
```
#777778 rgb(119,119,120)
```
#6e7581
```
#6e7581 rgb(110,117,129)
```
#65738a
```
#65738a rgb(101,115,138)
```
#5c7193
```
#5c7193 rgb(92,113,147)
```
#526f9d
```
#526f9d rgb(82,111,157)
```
#496ca6
```
#496ca6 rgb(73,108,166)
```
#406aaf
```
#406aaf rgb(64,106,175)
```
#3768b8
```
#3768b8 rgb(55,104,184)
```
#2e66c1
```
#2e66c1 rgb(46,102,193)
```
#2463cb
```
#2463cb rgb(36,99,203)
```
#1b61d4
```
#1b61d4 rgb(27,97,212)
```
#125fdd
```
#125fdd rgb(18,95,221)
```
#095de6
```
#095de6 rgb(9,93,230)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#485871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#0666d6 Protanomaly 1% of men, 0.01% of women
#066ac5 Deuteranomaly 6% of men, 0.4% of women
#0670a1 Tritanomaly 0.01% of the population

#125fdd hex color

#125fdd Color Information

#125fdd Color Conversion

Color Schemes with #125fdd

Alternatives to #125fdd

#125fdd Preview

Shades and Tints of #125fdd

Tones of #125fdd

Color Blindness Simulator