#126cf5 hex color

In a RGB color space, hex #126cf5 is composed of 7.1% red, 42.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 55.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 216.2 degrees, a saturation of 91.9% and a lightness of 51.6%. #126cf5 color hex could be obtained by blending #24d8ff with #0000eb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 7
- G 42
- B 96
RGB color chart
- C 93
- M 56
- Y 0
- K 4
CMYK color chart

● #126cf5 color description : Vivid blue.

The hexadecimal color #126cf5 has RGB values of R:18, G:108, B:245 and CMYK values of C:0.93, M:0.56, Y:0, K:0.04. Its decimal value is 1207541.

Hex triplet	126cf5	`#126cf5`
RGB Decimal	18, 108, 245	`rgb(18,108,245)`
RGB Percent	7.1, 42.4, 96.1	`rgb(7.1%,42.4%,96.1%)`
CMYK	93, 56, 0, 4
HSL	216.2°, 91.9, 51.6	`hsl(216.2,91.9%,51.6%)`
HSV (or HSB)	216.2°, 92.7, 96.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.815, 28.037, -74.957
XYZ	22.09, 17.444, 88.584
xyY	0.172, 0.136, 17.444
CIE-LCH	48.815, 80.029, 290.508
CIE-LUV	48.815, -23.507, -115.895
Hunter-Lab	41.766, 21.315, -96.514
Binary	00010010, 01101100, 11110101

#126cf5
```
#126cf5 rgb(18,108,245)
```
#f59b12
```
#f59b12 rgb(245,155,18)
```

Complementary Color

#12def5
```
#12def5 rgb(18,222,245)
```
#126cf5
```
#126cf5 rgb(18,108,245)
```
#2a12f5
```
#2a12f5 rgb(42,18,245)
```

Analogous Color

#def512
```
#def512 rgb(222,245,18)
```
#126cf5
```
#126cf5 rgb(18,108,245)
```
#f52a12
```
#f52a12 rgb(245,42,18)
```

Split Complementary Color

#6cf512
```
#6cf512 rgb(108,245,18)
```
#126cf5
```
#126cf5 rgb(18,108,245)
```
#f5126c
```
#f5126c rgb(245,18,108)
```

Triadic Color

#12f59b
```
#12f59b rgb(18,245,155)
```
#126cf5
```
#126cf5 rgb(18,108,245)
```
#f5126c
```
#f5126c rgb(245,18,108)
```
#f59b12
```
#f59b12 rgb(245,155,18)
```

Tetradic Color

#084cb3
```
#084cb3 rgb(8,76,179)
```
#0956cb
```
#0956cb rgb(9,86,203)
```
#0a60e4
```
#0a60e4 rgb(10,96,228)
```
#126cf5
```
#126cf5 rgb(18,108,245)
```
#2a7bf6
```
#2a7bf6 rgb(42,123,246)
```
#438af7
```
#438af7 rgb(67,138,247)
```
#5b9af8
```
#5b9af8 rgb(91,154,248)
```

Monochromatic Color

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

#12a5f5
```
#12a5f5 rgb(18,165,245)
```
#1292f5
```
#1292f5 rgb(18,146,245)
```
#127ff5
```
#127ff5 rgb(18,127,245)
```
#126cf5
```
#126cf5 rgb(18,108,245)
```
#1259f5
```
#1259f5 rgb(18,89,245)
```
#1246f5
```
#1246f5 rgb(18,70,245)
```
#1233f5
```
#1233f5 rgb(18,51,245)
```

Similar Colors

Text with hexadecimal color #126cf5

This text has a font color of #126cf5.

<span style="color:#126cf5;">Text here</span>

#126cf5 background color

This paragraph has a background color of #126cf5.

<p style="background-color:#126cf5;">Content here</p>

#126cf5 border color

This element has a border color of #126cf5.

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

CSS codes

.text {color:#126cf5;}

.background {background-color:#126cf5;}

.border {border:1px solid #126cf5;}

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

#000308
```
#000308 rgb(0,3,8)
```
#010b1a
```
#010b1a rgb(1,11,26)
```
#02132d
```
#02132d rgb(2,19,45)
```
#031b40
```
#031b40 rgb(3,27,64)
```
#042353
```
#042353 rgb(4,35,83)
```
#042b66
```
#042b66 rgb(4,43,102)
```
#053379
```
#053379 rgb(5,51,121)
```
#063b8b
```
#063b8b rgb(6,59,139)
```
#07439e
```
#07439e rgb(7,67,158)
```
#074bb1
```
#074bb1 rgb(7,75,177)
```
#0853c4
```
#0853c4 rgb(8,83,196)
```
#095bd7
```
#095bd7 rgb(9,91,215)
```
#0a63ea
```
#0a63ea rgb(10,99,234)
```

Shade Color Variation

#126cf5
```
#126cf5 rgb(18,108,245)
```
#2578f6
```
#2578f6 rgb(37,120,246)
```
#3883f7
```
#3883f7 rgb(56,131,247)
```
#4a8ff7
```
#4a8ff7 rgb(74,143,247)
```
#5d9bf8
```
#5d9bf8 rgb(93,155,248)
```
#70a6f9
```
#70a6f9 rgb(112,166,249)
```
#83b2fa
```
#83b2fa rgb(131,178,250)
```
#96befb
```
#96befb rgb(150,190,251)
```
#a9c9fb
```
#a9c9fb rgb(169,201,251)
```
#bbd5fc
```
#bbd5fc rgb(187,213,252)
```
#cee1fd
```
#cee1fd rgb(206,225,253)
```
#e1ecfe
```
#e1ecfe rgb(225,236,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b828d is the less saturated color, while #096aff is the most saturated one.

#7b828d
```
#7b828d rgb(123,130,141)
```
#718096
```
#718096 rgb(113,128,150)
```
#687ea0
```
#687ea0 rgb(104,126,160)
```
#5e7ca9
```
#5e7ca9 rgb(94,124,169)
```
#557ab3
```
#557ab3 rgb(85,122,179)
```
#4b78bc
```
#4b78bc rgb(75,120,188)
```
#4276c6
```
#4276c6 rgb(66,118,198)
```
#3874cf
```
#3874cf rgb(56,116,207)
```
#2f72d9
```
#2f72d9 rgb(47,114,217)
```
#2570e2
```
#2570e2 rgb(37,112,226)
```
#1c6eec
```
#1c6eec rgb(28,110,236)
```
#126cf5
```
#126cf5 rgb(18,108,245)
```
#096aff
```
#096aff rgb(9,106,255)
```

Tone Color Variation

Below, you can see how #126cf5 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

#616161 Achromatopsia 0.005% of the population
#51637f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0673ed Protanomaly 1% of men, 0.01% of women
#0677db Deuteranomaly 6% of men, 0.4% of women
#067db3 Tritanomaly 0.01% of the population

#126cf5 hex color

#126cf5 Color Information

#126cf5 Color Conversion

Color Schemes with #126cf5

Alternatives to #126cf5

#126cf5 Preview

Shades and Tints of #126cf5

Tones of #126cf5

Color Blindness Simulator