#126ad9 hex color

In a RGB color space, hex #126ad9 is composed of 7.1% red, 41.6% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 51.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 213.5 degrees, a saturation of 84.7% and a lightness of 46.1%. #126ad9 color hex could be obtained by blending #24d4ff with #0000b3. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 7
- G 42
- B 85
RGB color chart
- C 92
- M 51
- Y 0
- K 15
CMYK color chart

● #126ad9 color description : Vivid blue.

The hexadecimal color #126ad9 has RGB values of R:18, G:106, B:217 and CMYK values of C:0.92, M:0.51, Y:0, K:0.15. Its decimal value is 1207001.

Hex triplet	126ad9	`#126ad9`
RGB Decimal	18, 106, 217	`rgb(18,106,217)`
RGB Percent	7.1, 41.6, 85.1	`rgb(7.1%,41.6%,85.1%)`
CMYK	92, 51, 0, 15
HSL	213.5°, 84.7, 46.1	`hsl(213.5,84.7%,46.1%)`
HSV (or HSB)	213.5°, 91.7, 85.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.238, 18.468, -63.378
XYZ	17.925, 15.445, 67.678
xyY	0.177, 0.153, 15.445
CIE-LCH	46.238, 66.014, 286.246
CIE-LUV	46.238, -23.702, -96.917
Hunter-Lab	39.3, 12.641, -74.593
Binary	00010010, 01101010, 11011001

#126ad9
```
#126ad9 rgb(18,106,217)
```
#d98112
```
#d98112 rgb(217,129,18)
```

Complementary Color

#12ced9
```
#12ced9 rgb(18,206,217)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#1e12d9
```
#1e12d9 rgb(30,18,217)
```

Analogous Color

#ced912
```
#ced912 rgb(206,217,18)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#d91d12
```
#d91d12 rgb(217,29,18)
```

Split Complementary Color

#6ad912
```
#6ad912 rgb(106,217,18)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#d9126a
```
#d9126a rgb(217,18,106)
```

Triadic Color

#12d981
```
#12d981 rgb(18,217,129)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#d9126a
```
#d9126a rgb(217,18,106)
```
#d98112
```
#d98112 rgb(217,129,18)
```

Tetradic Color

#0c4792
```
#0c4792 rgb(12,71,146)
```
#0e53aa
```
#0e53aa rgb(14,83,170)
```
#105ec1
```
#105ec1 rgb(16,94,193)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#1976ec
```
#1976ec rgb(25,118,236)
```
#3084ee
```
#3084ee rgb(48,132,238)
```
#4892f0
```
#4892f0 rgb(72,146,240)
```

Monochromatic Color

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

#129cd9
```
#129cd9 rgb(18,156,217)
```
#128bd9
```
#128bd9 rgb(18,139,217)
```
#127bd9
```
#127bd9 rgb(18,123,217)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#1259d9
```
#1259d9 rgb(18,89,217)
```
#1249d9
```
#1249d9 rgb(18,73,217)
```
#1238d9
```
#1238d9 rgb(18,56,217)
```

Similar Colors

Text with hexadecimal color #126ad9

This text has a font color of #126ad9.

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

#126ad9 background color

This paragraph has a background color of #126ad9.

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

#126ad9 border color

This element has a border color of #126ad9.

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

CSS codes

.text {color:#126ad9;}

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

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

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

#010912
```
#010912 rgb(1,9,18)
```
#031224
```
#031224 rgb(3,18,36)
```
#041a36
```
#041a36 rgb(4,26,54)
```
#062348
```
#062348 rgb(6,35,72)
```
#072c5a
```
#072c5a rgb(7,44,90)
```
#09356c
```
#09356c rgb(9,53,108)
```
#0a3e7e
```
#0a3e7e rgb(10,62,126)
```
#0c4791
```
#0c4791 rgb(12,71,145)
```
#0d4fa3
```
#0d4fa3 rgb(13,79,163)
```
#0f58b5
```
#0f58b5 rgb(15,88,181)
```
#1061c7
```
#1061c7 rgb(16,97,199)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#1473eb
```
#1473eb rgb(20,115,235)
```

Shade Color Variation

#257eed
```
#257eed rgb(37,126,237)
```
#3788ee
```
#3788ee rgb(55,136,238)
```
#4a93f0
```
#4a93f0 rgb(74,147,240)
```
#5c9ef1
```
#5c9ef1 rgb(92,158,241)
```
#6ea9f3
```
#6ea9f3 rgb(110,169,243)
```
#80b3f4
```
#80b3f4 rgb(128,179,244)
```
#92bef6
```
#92bef6 rgb(146,190,246)
```
#a4c9f7
```
#a4c9f7 rgb(164,201,247)
```
#b6d4f9
```
#b6d4f9 rgb(182,212,249)
```
#c8defa
```
#c8defa rgb(200,222,250)
```
#dae9fc
```
#dae9fc rgb(218,233,252)
```
#edf4fd
```
#edf4fd rgb(237,244,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757576
```
#757576 rgb(117,117,118)
```
#6c747f
```
#6c747f rgb(108,116,127)
```
#637388
```
#637388 rgb(99,115,136)
```
#5a7291
```
#5a7291 rgb(90,114,145)
```
#51719a
```
#51719a rgb(81,113,154)
```
#4870a3
```
#4870a3 rgb(72,112,163)
```
#3f6fac
```
#3f6fac rgb(63,111,172)
```
#366eb5
```
#366eb5 rgb(54,110,181)
```
#2d6dbe
```
#2d6dbe rgb(45,109,190)
```
#246cc7
```
#246cc7 rgb(36,108,199)
```
#1b6bd0
```
#1b6bd0 rgb(27,107,208)
```
#126ad9
```
#126ad9 rgb(18,106,217)
```
#0969e2
```
#0969e2 rgb(9,105,226)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#4d5f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2371da Protanopia 1% of men
#0077c3 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1d6eda Protanomaly 1% of men, 0.01% of women
#0672cb Deuteranomaly 6% of men, 0.4% of women
#0678a5 Tritanomaly 0.01% of the population

#126ad9 hex color

#126ad9 Color Information

#126ad9 Color Conversion

Color Schemes with #126ad9

Alternatives to #126ad9

#126ad9 Preview

Shades and Tints of #126ad9

Tones of #126ad9

Color Blindness Simulator