#125fdc hex color

In a RGB color space, hex #125fdc is composed of 7.1% red, 37.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 56.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 217.1 degrees, a saturation of 84.9% and a lightness of 46.7%. #125fdc color hex could be obtained by blending #24beff with #0000b9. Closest websafe color is: #0066cc.

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

● #125fdc color description : Vivid blue.

The hexadecimal color #125fdc has RGB values of R:18, G:95, B:220 and CMYK values of C:0.92, M:0.57, Y:0, K:0.14. Its decimal value is 1204188.

Hex triplet	125fdc	`#125fdc`
RGB Decimal	18, 95, 220	`rgb(18,95,220)`
RGB Percent	7.1, 37.3, 86.3	`rgb(7.1%,37.3%,86.3%)`
CMYK	92, 57, 0, 14
HSL	217.1°, 84.9, 46.7	`hsl(217.1,84.9%,46.7%)`
HSV (or HSB)	217.1°, 91.8, 86.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	43.476, 26.764, -69.573
XYZ	17.257, 13.479, 69.398
xyY	0.172, 0.135, 13.479
CIE-LCH	43.476, 74.543, 291.041
CIE-LUV	43.476, -20.584, -104.368
Hunter-Lab	36.714, 19.655, -86.374
Binary	00010010, 01011111, 11011100

#125fdc
```
#125fdc rgb(18,95,220)
```
#dc8f12
```
#dc8f12 rgb(220,143,18)
```

Complementary Color

#12c4dc
```
#12c4dc rgb(18,196,220)
```
#125fdc
```
#125fdc rgb(18,95,220)
```
#2a12dc
```
#2a12dc rgb(42,18,220)
```

Analogous Color

#c4dc12
```
#c4dc12 rgb(196,220,18)
```
#125fdc
```
#125fdc rgb(18,95,220)
```
#dc2a12
```
#dc2a12 rgb(220,42,18)
```

Split Complementary Color

#5fdc12
```
#5fdc12 rgb(95,220,18)
```
#125fdc
```
#125fdc rgb(18,95,220)
```
#dc125f
```
#dc125f rgb(220,18,95)
```

Triadic Color

#12dc8f
```
#12dc8f rgb(18,220,143)
```
#125fdc
```
#125fdc rgb(18,95,220)
```
#dc125f
```
#dc125f rgb(220,18,95)
```
#dc8f12
```
#dc8f12 rgb(220,143,18)
```

Tetradic Color

#0c4095
```
#0c4095 rgb(12,64,149)
```
#0e4bad
```
#0e4bad rgb(14,75,173)
```
#1055c4
```
#1055c4 rgb(16,85,196)
```
#125fdc
```
#125fdc rgb(18,95,220)
```
#1b6bec
```
#1b6bec rgb(27,107,236)
```
#337aee
```
#337aee rgb(51,122,238)
```
#4a8af0
```
#4a8af0 rgb(74,138,240)
```

Monochromatic Color

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

#1292dc
```
#1292dc rgb(18,146,220)
```
#1281dc
```
#1281dc rgb(18,129,220)
```
#1270dc
```
#1270dc rgb(18,112,220)
```
#125fdc
```
#125fdc rgb(18,95,220)
```
#124edc
```
#124edc rgb(18,78,220)
```
#123ddc
```
#123ddc rgb(18,61,220)
```
#122ddc
```
#122ddc rgb(18,45,220)
```

Similar Colors

Text with hexadecimal color #125fdc

This text has a font color of #125fdc.

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

#125fdc background color

This paragraph has a background color of #125fdc.

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

#125fdc border color

This element has a border color of #125fdc.

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

CSS codes

.text {color:#125fdc;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020915
```
#020915 rgb(2,9,21)
```
#031127
```
#031127 rgb(3,17,39)
```
#051939
```
#051939 rgb(5,25,57)
```
#06204b
```
#06204b rgb(6,32,75)
```
#08285d
```
#08285d rgb(8,40,93)
```
#09306f
```
#09306f rgb(9,48,111)
```
#0b3881
```
#0b3881 rgb(11,56,129)
```
#0c4093
```
#0c4093 rgb(12,64,147)
```
#0e48a6
```
#0e48a6 rgb(14,72,166)
```
#0f4fb8
```
#0f4fb8 rgb(15,79,184)
```
#1157ca
```
#1157ca rgb(17,87,202)
```
#125fdc
```
#125fdc rgb(18,95,220)
```

Shade Color Variation

#1667ec
```
#1667ec rgb(22,103,236)
```
#2873ed
```
#2873ed rgb(40,115,237)
```
#3a7fef
```
#3a7fef rgb(58,127,239)
```
#4c8bf0
```
#4c8bf0 rgb(76,139,240)
```
#5e97f2
```
#5e97f2 rgb(94,151,242)
```
#70a2f3
```
#70a2f3 rgb(112,162,243)
```
#82aef5
```
#82aef5 rgb(130,174,245)
```
#95baf6
```
#95baf6 rgb(149,186,246)
```
#a7c6f8
```
#a7c6f8 rgb(167,198,248)
```
#b9d1f9
```
#b9d1f9 rgb(185,209,249)
```
#cbddfb
```
#cbddfb rgb(203,221,251)
```
#dde9fc
```
#dde9fc rgb(221,233,252)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#6e7580
```
#6e7580 rgb(110,117,128)
```
#64738a
```
#64738a rgb(100,115,138)
```
#5b7093
```
#5b7093 rgb(91,112,147)
```
#526e9c
```
#526e9c rgb(82,110,156)
```
#496ca5
```
#496ca5 rgb(73,108,165)
```
#406aae
```
#406aae rgb(64,106,174)
```
#3768b7
```
#3768b7 rgb(55,104,183)
```
#2d66c1
```
#2d66c1 rgb(45,102,193)
```
#2463ca
```
#2463ca rgb(36,99,202)
```
#1b61d3
```
#1b61d3 rgb(27,97,211)
```
#125fdc
```
#125fdc rgb(18,95,220)
```
#095de5
```
#095de5 rgb(9,93,229)
```

Tone Color Variation

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

#0666d5 Protanomaly 1% of men, 0.01% of women
#066ac4 Deuteranomaly 6% of men, 0.4% of women
#066fa1 Tritanomaly 0.01% of the population

#125fdc hex color

#125fdc Color Information

#125fdc Color Conversion

Color Schemes with #125fdc

Alternatives to #125fdc

#125fdc Preview

Shades and Tints of #125fdc

Tones of #125fdc

Color Blindness Simulator