#126ff4 hex color

In a RGB color space, hex #126ff4 is composed of 7.1% red, 43.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 54.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 215.3 degrees, a saturation of 91.1% and a lightness of 51.4%. #126ff4 color hex could be obtained by blending #24deff with #0000e9. Closest websafe color is: #0066ff.

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

● #126ff4 color description : Vivid blue.

The hexadecimal color #126ff4 has RGB values of R:18, G:111, B:244 and CMYK values of C:0.93, M:0.55, Y:0, K:0.04. Its decimal value is 1208308.

Hex triplet	126ff4	`#126ff4`
RGB Decimal	18, 111, 244	`rgb(18,111,244)`
RGB Percent	7.1, 43.5, 95.7	`rgb(7.1%,43.5%,95.7%)`
CMYK	93, 55, 0, 4
HSL	215.3°, 91.1, 51.4	`hsl(215.3,91.1%,51.4%)`
HSV (or HSB)	215.3°, 92.6, 95.7
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.529, 25.744, -73.237
XYZ	22.259, 18.027, 87.889
xyY	0.174, 0.141, 18.027
CIE-LCH	49.529, 77.63, 289.368
CIE-LUV	49.529, -24.336, -113.777
Hunter-Lab	42.458, 19.279, -93.01
Binary	00010010, 01101111, 11110100

#126ff4
```
#126ff4 rgb(18,111,244)
```
#f49712
```
#f49712 rgb(244,151,18)
```

Complementary Color

#12e0f4
```
#12e0f4 rgb(18,224,244)
```
#126ff4
```
#126ff4 rgb(18,111,244)
```
#2612f4
```
#2612f4 rgb(38,18,244)
```

Analogous Color

#e0f412
```
#e0f412 rgb(224,244,18)
```
#126ff4
```
#126ff4 rgb(18,111,244)
```
#f42612
```
#f42612 rgb(244,38,18)
```

Split Complementary Color

#6ff412
```
#6ff412 rgb(111,244,18)
```
#126ff4
```
#126ff4 rgb(18,111,244)
```
#f4126f
```
#f4126f rgb(244,18,111)
```

Triadic Color

#12f497
```
#12f497 rgb(18,244,151)
```
#126ff4
```
#126ff4 rgb(18,111,244)
```
#f4126f
```
#f4126f rgb(244,18,111)
```
#f49712
```
#f49712 rgb(244,151,18)
```

Tetradic Color

#084eb1
```
#084eb1 rgb(8,78,177)
```
#0958ca
```
#0958ca rgb(9,88,202)
```
#0a63e2
```
#0a63e2 rgb(10,99,226)
```
#126ff4
```
#126ff4 rgb(18,111,244)
```
#2a7ef5
```
#2a7ef5 rgb(42,126,245)
```
#438df6
```
#438df6 rgb(67,141,246)
```
#5b9bf7
```
#5b9bf7 rgb(91,155,247)
```

Monochromatic Color

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

#12a8f4
```
#12a8f4 rgb(18,168,244)
```
#1295f4
```
#1295f4 rgb(18,149,244)
```
#1282f4
```
#1282f4 rgb(18,130,244)
```
#126ff4
```
#126ff4 rgb(18,111,244)
```
#125cf4
```
#125cf4 rgb(18,92,244)
```
#1249f4
```
#1249f4 rgb(18,73,244)
```
#1237f4
```
#1237f4 rgb(18,55,244)
```

Similar Colors

Text with hexadecimal color #126ff4

This text has a font color of #126ff4.

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

#126ff4 background color

This paragraph has a background color of #126ff4.

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

#126ff4 border color

This element has a border color of #126ff4.

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

CSS codes

.text {color:#126ff4;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010b19
```
#010b19 rgb(1,11,25)
```
#02132c
```
#02132c rgb(2,19,44)
```
#031c3f
```
#031c3f rgb(3,28,63)
```
#042452
```
#042452 rgb(4,36,82)
```
#052c64
```
#052c64 rgb(5,44,100)
```
#063477
```
#063477 rgb(6,52,119)
```
#063d8a
```
#063d8a rgb(6,61,138)
```
#07459d
```
#07459d rgb(7,69,157)
```
#084daf
```
#084daf rgb(8,77,175)
```
#0955c2
```
#0955c2 rgb(9,85,194)
```
#0a5dd5
```
#0a5dd5 rgb(10,93,213)
```
#0b66e8
```
#0b66e8 rgb(11,102,232)
```

Shade Color Variation

#126ff4
```
#126ff4 rgb(18,111,244)
```
#257af5
```
#257af5 rgb(37,122,245)
```
#3786f6
```
#3786f6 rgb(55,134,246)
```
#4a91f7
```
#4a91f7 rgb(74,145,247)
```
#5d9df7
```
#5d9df7 rgb(93,157,247)
```
#70a8f8
```
#70a8f8 rgb(112,168,248)
```
#82b3f9
```
#82b3f9 rgb(130,179,249)
```
#95bffa
```
#95bffa rgb(149,191,250)
```
#a8cafb
```
#a8cafb rgb(168,202,251)
```
#bbd6fc
```
#bbd6fc rgb(187,214,252)
```
#cde1fd
```
#cde1fd rgb(205,225,253)
```
#e0ecfe
```
#e0ecfe rgb(224,236,254)
```
#f3f8fe
```
#f3f8fe rgb(243,248,254)
```

Tint Color Variation

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

#7b828b
```
#7b828b rgb(123,130,139)
```
#718095
```
#718095 rgb(113,128,149)
```
#687e9e
```
#687e9e rgb(104,126,158)
```
#5e7da8
```
#5e7da8 rgb(94,125,168)
```
#557bb1
```
#557bb1 rgb(85,123,177)
```
#4b79bb
```
#4b79bb rgb(75,121,187)
```
#4277c4
```
#4277c4 rgb(66,119,196)
```
#3876ce
```
#3876ce rgb(56,118,206)
```
#2f74d7
```
#2f74d7 rgb(47,116,215)
```
#2572e1
```
#2572e1 rgb(37,114,225)
```
#1c71ea
```
#1c71ea rgb(28,113,234)
```
#126ff4
```
#126ff4 rgb(18,111,244)
```
#086dfe
```
#086dfe rgb(8,109,254)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#52657f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#008990 Tritanopia 0.001% of the population

Trichromacy

#0675ef Protanomaly 1% of men, 0.01% of women
#0679dc Deuteranomaly 6% of men, 0.4% of women
#067fb4 Tritanomaly 0.01% of the population

#126ff4 hex color

#126ff4 Color Information

#126ff4 Color Conversion

Color Schemes with #126ff4

Alternatives to #126ff4

#126ff4 Preview

Shades and Tints of #126ff4

Tones of #126ff4

Color Blindness Simulator