#126bd9 hex color

In a RGB color space, hex #126bd9 is composed of 7.1% red, 42% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 50.7% magenta, 0% yellow and 14.9% black. It has a hue angle of 213.2 degrees, a saturation of 84.7% and a lightness of 46.1%. #126bd9 color hex could be obtained by blending #24d6ff 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

● #126bd9 color description : Vivid blue.

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

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

CIE-LAB	46.515, 17.824, -62.929
XYZ	18.029, 15.652, 67.713
xyY	0.178, 0.154, 15.652
CIE-LCH	46.515, 65.405, 285.815
CIE-LUV	46.515, -23.991, -96.375
Hunter-Lab	39.563, 12.107, -73.782
Binary	00010010, 01101011, 11011001

#126bd9
```
#126bd9 rgb(18,107,217)
```
#d98012
```
#d98012 rgb(217,128,18)
```

Complementary Color

#12cfd9
```
#12cfd9 rgb(18,207,217)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#1c12d9
```
#1c12d9 rgb(28,18,217)
```

Analogous Color

#cfd912
```
#cfd912 rgb(207,217,18)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#d91c12
```
#d91c12 rgb(217,28,18)
```

Split Complementary Color

#6bd912
```
#6bd912 rgb(107,217,18)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#d9126b
```
#d9126b rgb(217,18,107)
```

Triadic Color

#12d980
```
#12d980 rgb(18,217,128)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#d9126b
```
#d9126b rgb(217,18,107)
```
#d98012
```
#d98012 rgb(217,128,18)
```

Tetradic Color

#0c4892
```
#0c4892 rgb(12,72,146)
```
#0e54aa
```
#0e54aa rgb(14,84,170)
```
#105fc1
```
#105fc1 rgb(16,95,193)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#1977ec
```
#1977ec rgb(25,119,236)
```
#3085ee
```
#3085ee rgb(48,133,238)
```
#4893f0
```
#4893f0 rgb(72,147,240)
```

Monochromatic Color

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

#129dd9
```
#129dd9 rgb(18,157,217)
```
#128cd9
```
#128cd9 rgb(18,140,217)
```
#127cd9
```
#127cd9 rgb(18,124,217)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#125ad9
```
#125ad9 rgb(18,90,217)
```
#124ad9
```
#124ad9 rgb(18,74,217)
```
#1239d9
```
#1239d9 rgb(18,57,217)
```

Similar Colors

Text with hexadecimal color #126bd9

This text has a font color of #126bd9.

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

#126bd9 background color

This paragraph has a background color of #126bd9.

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

#126bd9 border color

This element has a border color of #126bd9.

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

CSS codes

.text {color:#126bd9;}

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

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

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)
```
#041b36
```
#041b36 rgb(4,27,54)
```
#062448
```
#062448 rgb(6,36,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)
```
#0d50a3
```
#0d50a3 rgb(13,80,163)
```
#0f59b5
```
#0f59b5 rgb(15,89,181)
```
#1062c7
```
#1062c7 rgb(16,98,199)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#1474eb
```
#1474eb rgb(20,116,235)
```

Shade Color Variation

#257fed
```
#257fed rgb(37,127,237)
```
#3789ee
```
#3789ee rgb(55,137,238)
```
#4a94f0
```
#4a94f0 rgb(74,148,240)
```
#5c9ff1
```
#5c9ff1 rgb(92,159,241)
```
#6ea9f3
```
#6ea9f3 rgb(110,169,243)
```
#80b4f4
```
#80b4f4 rgb(128,180,244)
```
#92bff6
```
#92bff6 rgb(146,191,246)
```
#a4c9f7
```
#a4c9f7 rgb(164,201,247)
```
#b6d4f9
```
#b6d4f9 rgb(182,212,249)
```
#c8dffa
```
#c8dffa rgb(200,223,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 #096ae2 is the most saturated one.

#757576
```
#757576 rgb(117,117,118)
```
#6c757f
```
#6c757f rgb(108,117,127)
```
#637488
```
#637488 rgb(99,116,136)
```
#5a7391
```
#5a7391 rgb(90,115,145)
```
#51729a
```
#51729a rgb(81,114,154)
```
#4871a3
```
#4871a3 rgb(72,113,163)
```
#3f70ac
```
#3f70ac rgb(63,112,172)
```
#366fb5
```
#366fb5 rgb(54,111,181)
```
#2d6ebe
```
#2d6ebe rgb(45,110,190)
```
#246dc7
```
#246dc7 rgb(36,109,199)
```
#1b6cd0
```
#1b6cd0 rgb(27,108,208)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```

Tone Color Variation

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

Dichromacy

#2872da Protanopia 1% of men
#0078c4 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#206fd9 Protanomaly 1% of men, 0.01% of women
#0673cc Deuteranomaly 6% of men, 0.4% of women
#0679a5 Tritanomaly 0.01% of the population

#126bd9 hex color

#126bd9 Color Information

#126bd9 Color Conversion

Color Schemes with #126bd9

Alternatives to #126bd9

#126bd9 Preview

Shades and Tints of #126bd9

Tones of #126bd9

Color Blindness Simulator