#126ae5 hex color

In a RGB color space, hex #126ae5 is composed of 7.1% red, 41.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 53.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 215 degrees, a saturation of 85.4% and a lightness of 48.4%. #126ae5 color hex could be obtained by blending #24d4ff with #0000cb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 7
- G 42
- B 90
RGB color chart
- C 92
- M 54
- Y 0
- K 10
CMYK color chart

● #126ae5 color description : Vivid blue.

The hexadecimal color #126ae5 has RGB values of R:18, G:106, B:229 and CMYK values of C:0.92, M:0.54, Y:0, K:0.1. Its decimal value is 1207013.

Hex triplet	126ae5	`#126ae5`
RGB Decimal	18, 106, 229	`rgb(18,106,229)`
RGB Percent	7.1, 41.6, 89.8	`rgb(7.1%,41.6%,89.8%)`
CMYK	92, 54, 0, 10
HSL	215°, 85.4, 48.4	`hsl(215,85.4%,48.4%)`
HSV (or HSB)	215°, 92.1, 89.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.095, 23.152, -68.782
XYZ	19.543, 16.092, 76.2
xyY	0.175, 0.144, 16.092
CIE-LCH	47.095, 72.574, 288.603
CIE-LUV	47.095, -23.356, -105.599
Hunter-Lab	40.115, 16.761, -84.544
Binary	00010010, 01101010, 11100101

#126ae5
```
#126ae5 rgb(18,106,229)
```
#e58d12
```
#e58d12 rgb(229,141,18)
```

Complementary Color

#12d4e5
```
#12d4e5 rgb(18,212,229)
```
#126ae5
```
#126ae5 rgb(18,106,229)
```
#2412e5
```
#2412e5 rgb(36,18,229)
```

Analogous Color

#d4e512
```
#d4e512 rgb(212,229,18)
```
#126ae5
```
#126ae5 rgb(18,106,229)
```
#e52312
```
#e52312 rgb(229,35,18)
```

Split Complementary Color

#6ae512
```
#6ae512 rgb(106,229,18)
```
#126ae5
```
#126ae5 rgb(18,106,229)
```
#e5126a
```
#e5126a rgb(229,18,106)
```

Triadic Color

#12e58d
```
#12e58d rgb(18,229,141)
```
#126ae5
```
#126ae5 rgb(18,106,229)
```
#e5126a
```
#e5126a rgb(229,18,106)
```
#e58d12
```
#e58d12 rgb(229,141,18)
```

Tetradic Color

#0c499e
```
#0c499e rgb(12,73,158)
```
#0e54b6
```
#0e54b6 rgb(14,84,182)
```
#105fcd
```
#105fcd rgb(16,95,205)
```
#126ae5
```
#126ae5 rgb(18,106,229)
```
#2377ee
```
#2377ee rgb(35,119,238)
```
#3a86f0
```
#3a86f0 rgb(58,134,240)
```
#5295f1
```
#5295f1 rgb(82,149,241)
```

Monochromatic Color

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

#129fe5
```
#129fe5 rgb(18,159,229)
```
#128de5
```
#128de5 rgb(18,141,229)
```
#127ce5
```
#127ce5 rgb(18,124,229)
```
#126ae5
```
#126ae5 rgb(18,106,229)
```
#1258e5
```
#1258e5 rgb(18,88,229)
```
#1247e5
```
#1247e5 rgb(18,71,229)
```
#1235e5
```
#1235e5 rgb(18,53,229)
```

Similar Colors

Text with hexadecimal color #126ae5

This text has a font color of #126ae5.

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

#126ae5 background color

This paragraph has a background color of #126ae5.

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

#126ae5 border color

This element has a border color of #126ae5.

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

CSS codes

.text {color:#126ae5;}

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

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

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, #01050b is the darkest color, while #f8fafe is the lightest one.

#01050b
```
#01050b rgb(1,5,11)
```
#020d1d
```
#020d1d rgb(2,13,29)
```
#04162f
```
#04162f rgb(4,22,47)
```
#051e41
```
#051e41 rgb(5,30,65)
```
#072754
```
#072754 rgb(7,39,84)
```
#082f66
```
#082f66 rgb(8,47,102)
```
#093778
```
#093778 rgb(9,55,120)
```
#0b408a
```
#0b408a rgb(11,64,138)
```
#0c489c
```
#0c489c rgb(12,72,156)
```
#0e51ae
```
#0e51ae rgb(14,81,174)
```
#0f59c1
```
#0f59c1 rgb(15,89,193)
```
#1162d3
```
#1162d3 rgb(17,98,211)
```
#126ae5
```
#126ae5 rgb(18,106,229)
```

Shade Color Variation

#1d74ed
```
#1d74ed rgb(29,116,237)
```
#307fef
```
#307fef rgb(48,127,239)
```
#428af0
```
#428af0 rgb(66,138,240)
```
#5496f2
```
#5496f2 rgb(84,150,242)
```
#66a1f3
```
#66a1f3 rgb(102,161,243)
```
#78acf4
```
#78acf4 rgb(120,172,244)
```
#8ab7f6
```
#8ab7f6 rgb(138,183,246)
```
#9dc2f7
```
#9dc2f7 rgb(157,194,247)
```
#afcef9
```
#afcef9 rgb(175,206,249)
```
#c1d9fa
```
#c1d9fa rgb(193,217,250)
```
#d3e4fc
```
#d3e4fc rgb(211,228,252)
```
#e5effd
```
#e5effd rgb(229,239,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#7b7b7d
```
#7b7b7d rgb(123,123,125)
```
#717a86
```
#717a86 rgb(113,122,134)
```
#687890
```
#687890 rgb(104,120,144)
```
#5e7799
```
#5e7799 rgb(94,119,153)
```
#5575a3
```
#5575a3 rgb(85,117,163)
```
#4b73ac
```
#4b73ac rgb(75,115,172)
```
#4272b6
```
#4272b6 rgb(66,114,182)
```
#3870bf
```
#3870bf rgb(56,112,191)
```
#2f6fc9
```
#2f6fc9 rgb(47,111,201)
```
#256dd2
```
#256dd2 rgb(37,109,210)
```
#1c6cdc
```
#1c6cdc rgb(28,108,220)
```
#126ae5
```
#126ae5 rgb(18,106,229)
```
#0968ef
```
#0968ef rgb(9,104,239)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#4f6079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#066fe3 Protanomaly 1% of men, 0.01% of women
#0674d1 Deuteranomaly 6% of men, 0.4% of women
#0679ab Tritanomaly 0.01% of the population

#126ae5 hex color

#126ae5 Color Information

#126ae5 Color Conversion

Color Schemes with #126ae5

Alternatives to #126ae5

#126ae5 Preview

Shades and Tints of #126ae5

Tones of #126ae5

Color Blindness Simulator