#126ef2 hex color

In a RGB color space, hex #126ef2 is composed of 7.1% red, 43.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 54.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.4 degrees, a saturation of 89.6% and a lightness of 51%. #126ef2 color hex could be obtained by blending #24dcff with #0000e5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 7
- G 43
- B 95
RGB color chart
- C 93
- M 55
- Y 0
- K 5
CMYK color chart

● #126ef2 color description : Vivid blue.

The hexadecimal color #126ef2 has RGB values of R:18, G:110, B:242 and CMYK values of C:0.93, M:0.55, Y:0, K:0.05. Its decimal value is 1208050.

Hex triplet	126ef2	`#126ef2`
RGB Decimal	18, 110, 242	`rgb(18,110,242)`
RGB Percent	7.1, 43.1, 94.9	`rgb(7.1%,43.1%,94.9%)`
CMYK	93, 55, 0, 5
HSL	215.4°, 89.6, 51	`hsl(215.4,89.6%,51%)`
HSV (or HSB)	215.4°, 92.6, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.117, 25.613, -72.791
XYZ	21.849, 17.689, 86.262
xyY	0.174, 0.141, 17.689
CIE-LCH	49.117, 77.166, 289.386
CIE-LUV	49.117, -24.116, -112.853
Hunter-Lab	42.059, 19.125, -92.163
Binary	00010010, 01101110, 11110010

#126ef2
```
#126ef2 rgb(18,110,242)
```
#f29612
```
#f29612 rgb(242,150,18)
```

Complementary Color

#12def2
```
#12def2 rgb(18,222,242)
```
#126ef2
```
#126ef2 rgb(18,110,242)
```
#2612f2
```
#2612f2 rgb(38,18,242)
```

Analogous Color

#def212
```
#def212 rgb(222,242,18)
```
#126ef2
```
#126ef2 rgb(18,110,242)
```
#f22612
```
#f22612 rgb(242,38,18)
```

Split Complementary Color

#6ef212
```
#6ef212 rgb(110,242,18)
```
#126ef2
```
#126ef2 rgb(18,110,242)
```
#f2126e
```
#f2126e rgb(242,18,110)
```

Triadic Color

#12f296
```
#12f296 rgb(18,242,150)
```
#126ef2
```
#126ef2 rgb(18,110,242)
```
#f2126e
```
#f2126e rgb(242,18,110)
```
#f29612
```
#f29612 rgb(242,150,18)
```

Tetradic Color

#0a4dae
```
#0a4dae rgb(10,77,174)
```
#0b58c6
```
#0b58c6 rgb(11,88,198)
```
#0c62de
```
#0c62de rgb(12,98,222)
```
#126ef2
```
#126ef2 rgb(18,110,242)
```
#2a7df3
```
#2a7df3 rgb(42,125,243)
```
#428cf5
```
#428cf5 rgb(66,140,245)
```
#5b9af6
```
#5b9af6 rgb(91,154,246)
```

Monochromatic Color

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

#12a6f2
```
#12a6f2 rgb(18,166,242)
```
#1293f2
```
#1293f2 rgb(18,147,242)
```
#1281f2
```
#1281f2 rgb(18,129,242)
```
#126ef2
```
#126ef2 rgb(18,110,242)
```
#125bf2
```
#125bf2 rgb(18,91,242)
```
#1249f2
```
#1249f2 rgb(18,73,242)
```
#1236f2
```
#1236f2 rgb(18,54,242)
```

Similar Colors

Text with hexadecimal color #126ef2

This text has a font color of #126ef2.

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

#126ef2 background color

This paragraph has a background color of #126ef2.

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

#126ef2 border color

This element has a border color of #126ef2.

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

CSS codes

.text {color:#126ef2;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010a17
```
#010a17 rgb(1,10,23)
```
#02132a
```
#02132a rgb(2,19,42)
```
#031b3d
```
#031b3d rgb(3,27,61)
```
#04234f
```
#04234f rgb(4,35,79)
```
#052b62
```
#052b62 rgb(5,43,98)
```
#063474
```
#063474 rgb(6,52,116)
```
#073c87
```
#073c87 rgb(7,60,135)
```
#08449a
```
#08449a rgb(8,68,154)
```
#094cac
```
#094cac rgb(9,76,172)
```
#0a54bf
```
#0a54bf rgb(10,84,191)
```
#0b5dd1
```
#0b5dd1 rgb(11,93,209)
```
#0d65e4
```
#0d65e4 rgb(13,101,228)
```

Shade Color Variation

#126ef2
```
#126ef2 rgb(18,110,242)
```
#2579f3
```
#2579f3 rgb(37,121,243)
```
#3785f4
```
#3785f4 rgb(55,133,244)
```
#4a90f5
```
#4a90f5 rgb(74,144,245)
```
#5c9cf6
```
#5c9cf6 rgb(92,156,246)
```
#6fa7f7
```
#6fa7f7 rgb(111,167,247)
```
#82b2f8
```
#82b2f8 rgb(130,178,248)
```
#94bef9
```
#94bef9 rgb(148,190,249)
```
#a7c9fa
```
#a7c9fa rgb(167,201,250)
```
#b9d4fb
```
#b9d4fb rgb(185,212,251)
```
#cce0fc
```
#cce0fc rgb(204,224,252)
```
#dfebfd
```
#dfebfd rgb(223,235,253)
```
#f1f7fe
```
#f1f7fe rgb(241,247,254)
```

Tint Color Variation

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

#7c8188
```
#7c8188 rgb(124,129,136)
```
#727f92
```
#727f92 rgb(114,127,146)
```
#697d9b
```
#697d9b rgb(105,125,155)
```
#5f7ca5
```
#5f7ca5 rgb(95,124,165)
```
#557aaf
```
#557aaf rgb(85,122,175)
```
#4c78b8
```
#4c78b8 rgb(76,120,184)
```
#4277c2
```
#4277c2 rgb(66,119,194)
```
#3875cc
```
#3875cc rgb(56,117,204)
```
#2f73d5
```
#2f73d5 rgb(47,115,213)
```
#2571df
```
#2571df rgb(37,113,223)
```
#1c70e8
```
#1c70e8 rgb(28,112,232)
```
#126ef2
```
#126ef2 rgb(18,110,242)
```
#086cfc
```
#086cfc rgb(8,108,252)
```

Tone Color Variation

Below, you can see how #126ef2 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
#52647f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#00888f Tritanopia 0.001% of the population

Trichromacy

#0674ed Protanomaly 1% of men, 0.01% of women
#0678da Deuteranomaly 6% of men, 0.4% of women
#067eb3 Tritanomaly 0.01% of the population

#126ef2 hex color

#126ef2 Color Information

#126ef2 Color Conversion

Color Schemes with #126ef2

Alternatives to #126ef2

#126ef2 Preview

Shades and Tints of #126ef2

Tones of #126ef2

Color Blindness Simulator