#126ae0 hex color

In a RGB color space, hex #126ae0 is composed of 7.1% red, 41.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 52.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 214.4 degrees, a saturation of 85.1% and a lightness of 47.5%. #126ae0 color hex could be obtained by blending #24d4ff with #0000c1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 7
- G 42
- B 88
RGB color chart
- C 92
- M 53
- Y 0
- K 12
CMYK color chart

● #126ae0 color description : Vivid blue.

The hexadecimal color #126ae0 has RGB values of R:18, G:106, B:224 and CMYK values of C:0.92, M:0.53, Y:0, K:0.12. Its decimal value is 1207008.

Hex triplet	126ae0	`#126ae0`
RGB Decimal	18, 106, 224	`rgb(18,106,224)`
RGB Percent	7.1, 41.6, 87.8	`rgb(7.1%,41.6%,87.8%)`
CMYK	92, 53, 0, 12
HSL	214.4°, 85.1, 47.5	`hsl(214.4,85.1%,47.5%)`
HSV (or HSB)	214.4°, 92, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.733, 21.206, -66.545
XYZ	18.855, 15.817, 72.576
xyY	0.176, 0.147, 15.817
CIE-LCH	46.733, 69.842, 287.676
CIE-LUV	46.733, -23.493, -102.012
Hunter-Lab	39.77, 15.028, -80.358
Binary	00010010, 01101010, 11100000

#126ae0
```
#126ae0 rgb(18,106,224)
```
#e08812
```
#e08812 rgb(224,136,18)
```

Complementary Color

#12d1e0
```
#12d1e0 rgb(18,209,224)
```
#126ae0
```
#126ae0 rgb(18,106,224)
```
#2112e0
```
#2112e0 rgb(33,18,224)
```

Analogous Color

#d1e012
```
#d1e012 rgb(209,224,18)
```
#126ae0
```
#126ae0 rgb(18,106,224)
```
#e02112
```
#e02112 rgb(224,33,18)
```

Split Complementary Color

#6ae012
```
#6ae012 rgb(106,224,18)
```
#126ae0
```
#126ae0 rgb(18,106,224)
```
#e0126a
```
#e0126a rgb(224,18,106)
```

Triadic Color

#12e088
```
#12e088 rgb(18,224,136)
```
#126ae0
```
#126ae0 rgb(18,106,224)
```
#e0126a
```
#e0126a rgb(224,18,106)
```
#e08812
```
#e08812 rgb(224,136,18)
```

Tetradic Color

#0c4899
```
#0c4899 rgb(12,72,153)
```
#0e54b1
```
#0e54b1 rgb(14,84,177)
```
#105fc8
```
#105fc8 rgb(16,95,200)
```
#126ae0
```
#126ae0 rgb(18,106,224)
```
#1f77ed
```
#1f77ed rgb(31,119,237)
```
#3685ef
```
#3685ef rgb(54,133,239)
```
#4e93f1
```
#4e93f1 rgb(78,147,241)
```

Monochromatic Color

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

#129ee0
```
#129ee0 rgb(18,158,224)
```
#128ce0
```
#128ce0 rgb(18,140,224)
```
#127be0
```
#127be0 rgb(18,123,224)
```
#126ae0
```
#126ae0 rgb(18,106,224)
```
#1259e0
```
#1259e0 rgb(18,89,224)
```
#1248e0
```
#1248e0 rgb(18,72,224)
```
#1236e0
```
#1236e0 rgb(18,54,224)
```

Similar Colors

Text with hexadecimal color #126ae0

This text has a font color of #126ae0.

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

#126ae0 background color

This paragraph has a background color of #126ae0.

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

#126ae0 border color

This element has a border color of #126ae0.

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

CSS codes

.text {color:#126ae0;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#020b18
```
#020b18 rgb(2,11,24)
```
#03142a
```
#03142a rgb(3,20,42)
```
#051d3d
```
#051d3d rgb(5,29,61)
```
#06254f
```
#06254f rgb(6,37,79)
```
#082e61
```
#082e61 rgb(8,46,97)
```
#093673
```
#093673 rgb(9,54,115)
```
#0b3f85
```
#0b3f85 rgb(11,63,133)
```
#0c4897
```
#0c4897 rgb(12,72,151)
```
#0e50aa
```
#0e50aa rgb(14,80,170)
```
#0f59bc
```
#0f59bc rgb(15,89,188)
```
#1161ce
```
#1161ce rgb(17,97,206)
```
#126ae0
```
#126ae0 rgb(18,106,224)
```

Shade Color Variation

#1973ed
```
#1973ed rgb(25,115,237)
```
#2b7eee
```
#2b7eee rgb(43,126,238)
```
#3d89ef
```
#3d89ef rgb(61,137,239)
```
#5094f1
```
#5094f1 rgb(80,148,241)
```
#62a0f2
```
#62a0f2 rgb(98,160,242)
```
#74abf4
```
#74abf4 rgb(116,171,244)
```
#86b6f5
```
#86b6f5 rgb(134,182,245)
```
#98c1f7
```
#98c1f7 rgb(152,193,247)
```
#aaccf8
```
#aaccf8 rgb(170,204,248)
```
#bcd7fa
```
#bcd7fa rgb(188,215,250)
```
#cfe2fb
```
#cfe2fb rgb(207,226,251)
```
#e1edfd
```
#e1edfd rgb(225,237,253)
```
#f3f8fe
```
#f3f8fe rgb(243,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797a is the less saturated color, while #0969e9 is the most saturated one.

#78797a
```
#78797a rgb(120,121,122)
```
#6f7883
```
#6f7883 rgb(111,120,131)
```
#66768c
```
#66768c rgb(102,118,140)
```
#5c7596
```
#5c7596 rgb(92,117,150)
```
#53739f
```
#53739f rgb(83,115,159)
```
#4a72a8
```
#4a72a8 rgb(74,114,168)
```
#4171b1
```
#4171b1 rgb(65,113,177)
```
#376fbb
```
#376fbb rgb(55,111,187)
```
#2e6ec4
```
#2e6ec4 rgb(46,110,196)
```
#256dcd
```
#256dcd rgb(37,109,205)
```
#1b6bd7
```
#1b6bd7 rgb(27,107,215)
```
#126ae0
```
#126ae0 rgb(18,106,224)
```
#0969e9
```
#0969e9 rgb(9,105,233)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#4e6077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e1 Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#066fe0 Protanomaly 1% of men, 0.01% of women
#0673ce Deuteranomaly 6% of men, 0.4% of women
#0679a8 Tritanomaly 0.01% of the population

#126ae0 hex color

#126ae0 Color Information

#126ae0 Color Conversion

Color Schemes with #126ae0

Alternatives to #126ae0

#126ae0 Preview

Shades and Tints of #126ae0

Tones of #126ae0

Color Blindness Simulator