#126cdd hex color

In a RGB color space, hex #126cdd is composed of 7.1% red, 42.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 51.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 213.4 degrees, a saturation of 84.9% and a lightness of 46.9%. #126cdd color hex could be obtained by blending #24d8ff with #0000bb. Closest websafe color is: #0066cc.

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

● #126cdd color description : Vivid blue.

The hexadecimal color #126cdd has RGB values of R:18, G:108, B:221 and CMYK values of C:0.92, M:0.51, Y:0, K:0.13. Its decimal value is 1207517.

Hex triplet	126cdd	`#126cdd`
RGB Decimal	18, 108, 221	`rgb(18,108,221)`
RGB Percent	7.1, 42.4, 86.7	`rgb(7.1%,42.4%,86.7%)`
CMYK	92, 51, 0, 13
HSL	213.4°, 84.9, 46.9	`hsl(213.4,84.9%,46.9%)`
HSV (or HSB)	213.4°, 91.9, 86.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.07, 18.749, -64.301
XYZ	18.66, 16.073, 70.521
xyY	0.177, 0.153, 16.073
CIE-LCH	47.07, 66.979, 286.256
CIE-LUV	47.07, -24.153, -98.774
Hunter-Lab	40.091, 12.925, -76.231
Binary	00010010, 01101100, 11011101

#126cdd
```
#126cdd rgb(18,108,221)
```
#dd8312
```
#dd8312 rgb(221,131,18)
```

Complementary Color

#12d2dd
```
#12d2dd rgb(18,210,221)
```
#126cdd
```
#126cdd rgb(18,108,221)
```
#1e12dd
```
#1e12dd rgb(30,18,221)
```

Analogous Color

#d2dd12
```
#d2dd12 rgb(210,221,18)
```
#126cdd
```
#126cdd rgb(18,108,221)
```
#dd1e12
```
#dd1e12 rgb(221,30,18)
```

Split Complementary Color

#6cdd12
```
#6cdd12 rgb(108,221,18)
```
#126cdd
```
#126cdd rgb(18,108,221)
```
#dd126c
```
#dd126c rgb(221,18,108)
```

Triadic Color

#12dd83
```
#12dd83 rgb(18,221,131)
```
#126cdd
```
#126cdd rgb(18,108,221)
```
#dd126c
```
#dd126c rgb(221,18,108)
```
#dd8312
```
#dd8312 rgb(221,131,18)
```

Tetradic Color

#0c4996
```
#0c4996 rgb(12,73,150)
```
#0e55ae
```
#0e55ae rgb(14,85,174)
```
#1060c5
```
#1060c5 rgb(16,96,197)
```
#126cdd
```
#126cdd rgb(18,108,221)
```
#1c78ed
```
#1c78ed rgb(28,120,237)
```
#3486ee
```
#3486ee rgb(52,134,238)
```
#4b94f0
```
#4b94f0 rgb(75,148,240)
```

Monochromatic Color

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

#129fdd
```
#129fdd rgb(18,159,221)
```
#128edd
```
#128edd rgb(18,142,221)
```
#127ddd
```
#127ddd rgb(18,125,221)
```
#126cdd
```
#126cdd rgb(18,108,221)
```
#125bdd
```
#125bdd rgb(18,91,221)
```
#124add
```
#124add rgb(18,74,221)
```
#1239dd
```
#1239dd rgb(18,57,221)
```

Similar Colors

Text with hexadecimal color #126cdd

This text has a font color of #126cdd.

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

#126cdd background color

This paragraph has a background color of #126cdd.

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

#126cdd border color

This element has a border color of #126cdd.

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

CSS codes

.text {color:#126cdd;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020a15
```
#020a15 rgb(2,10,21)
```
#031328
```
#031328 rgb(3,19,40)
```
#051c3a
```
#051c3a rgb(5,28,58)
```
#06254c
```
#06254c rgb(6,37,76)
```
#082e5e
```
#082e5e rgb(8,46,94)
```
#093770
```
#093770 rgb(9,55,112)
```
#0b4082
```
#0b4082 rgb(11,64,130)
```
#0c4994
```
#0c4994 rgb(12,73,148)
```
#0e51a7
```
#0e51a7 rgb(14,81,167)
```
#0f5ab9
```
#0f5ab9 rgb(15,90,185)
```
#1163cb
```
#1163cb rgb(17,99,203)
```
#126cdd
```
#126cdd rgb(18,108,221)
```

Shade Color Variation

#1775ec
```
#1775ec rgb(23,117,236)
```
#2980ee
```
#2980ee rgb(41,128,238)
```
#3b8bef
```
#3b8bef rgb(59,139,239)
```
#4d95f0
```
#4d95f0 rgb(77,149,240)
```
#5fa0f2
```
#5fa0f2 rgb(95,160,242)
```
#71abf3
```
#71abf3 rgb(113,171,243)
```
#83b6f5
```
#83b6f5 rgb(131,182,245)
```
#96c0f6
```
#96c0f6 rgb(150,192,246)
```
#a8cbf8
```
#a8cbf8 rgb(168,203,248)
```
#bad6f9
```
#bad6f9 rgb(186,214,249)
```
#cce1fb
```
#cce1fb rgb(204,225,251)
```
#deebfc
```
#deebfc rgb(222,235,252)
```
#f0f6fe
```
#f0f6fe rgb(240,246,254)
```

Tint Color Variation

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

#777778
```
#777778 rgb(119,119,120)
```
#6e7681
```
#6e7681 rgb(110,118,129)
```
#65758a
```
#65758a rgb(101,117,138)
```
#5c7493
```
#5c7493 rgb(92,116,147)
```
#52739d
```
#52739d rgb(82,115,157)
```
#4972a6
```
#4972a6 rgb(73,114,166)
```
#4071af
```
#4071af rgb(64,113,175)
```
#3770b8
```
#3770b8 rgb(55,112,184)
```
#2e6fc1
```
#2e6fc1 rgb(46,111,193)
```
#246ecb
```
#246ecb rgb(36,110,203)
```
#1b6dd4
```
#1b6dd4 rgb(27,109,212)
```
#126cdd
```
#126cdd rgb(18,108,221)
```
#096be6
```
#096be6 rgb(9,107,230)
```

Tone Color Variation

Below, you can see how #126cdd 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
#4f6177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2373de Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1d70dd Protanomaly 1% of men, 0.01% of women
#0674ce Deuteranomaly 6% of men, 0.4% of women
#067aa8 Tritanomaly 0.01% of the population

#126cdd hex color

#126cdd Color Information

#126cdd Color Conversion

Color Schemes with #126cdd

Alternatives to #126cdd

#126cdd Preview

Shades and Tints of #126cdd

Tones of #126cdd

Color Blindness Simulator