#126be0 hex color

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

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

● #126be0 color description : Vivid blue.

The hexadecimal color #126be0 has RGB values of R:18, G:107, B:224 and CMYK values of C:0.92, M:0.52, Y:0, K:0.12. Its decimal value is 1207264.

Hex triplet	126be0	`#126be0`
RGB Decimal	18, 107, 224	`rgb(18,107,224)`
RGB Percent	7.1, 42, 87.8	`rgb(7.1%,42%,87.8%)`
CMYK	92, 52, 0, 12
HSL	214.1°, 85.1, 47.5	`hsl(214.1,85.1%,47.5%)`
HSV (or HSB)	214.1°, 92, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.006, 20.563, -66.102
XYZ	18.959, 16.024, 72.611
xyY	0.176, 0.149, 16.024
CIE-LCH	47.006, 69.227, 287.28
CIE-LUV	47.006, -23.776, -101.495
Hunter-Lab	40.03, 14.487, -79.525
Binary	00010010, 01101011, 11100000

#126be0
```
#126be0 rgb(18,107,224)
```
#e08712
```
#e08712 rgb(224,135,18)
```

Complementary Color

#12d2e0
```
#12d2e0 rgb(18,210,224)
```
#126be0
```
#126be0 rgb(18,107,224)
```
#2012e0
```
#2012e0 rgb(32,18,224)
```

Analogous Color

#d2e012
```
#d2e012 rgb(210,224,18)
```
#126be0
```
#126be0 rgb(18,107,224)
```
#e02012
```
#e02012 rgb(224,32,18)
```

Split Complementary Color

#6be012
```
#6be012 rgb(107,224,18)
```
#126be0
```
#126be0 rgb(18,107,224)
```
#e0126b
```
#e0126b rgb(224,18,107)
```

Triadic Color

#12e087
```
#12e087 rgb(18,224,135)
```
#126be0
```
#126be0 rgb(18,107,224)
```
#e0126b
```
#e0126b rgb(224,18,107)
```
#e08712
```
#e08712 rgb(224,135,18)
```

Tetradic Color

#0c4999
```
#0c4999 rgb(12,73,153)
```
#0e54b1
```
#0e54b1 rgb(14,84,177)
```
#1060c8
```
#1060c8 rgb(16,96,200)
```
#126be0
```
#126be0 rgb(18,107,224)
```
#1f78ed
```
#1f78ed rgb(31,120,237)
```
#3686ef
```
#3686ef rgb(54,134,239)
```
#4e94f1
```
#4e94f1 rgb(78,148,241)
```

Monochromatic Color

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

#129fe0
```
#129fe0 rgb(18,159,224)
```
#128de0
```
#128de0 rgb(18,141,224)
```
#127ce0
```
#127ce0 rgb(18,124,224)
```
#126be0
```
#126be0 rgb(18,107,224)
```
#125ae0
```
#125ae0 rgb(18,90,224)
```
#1249e0
```
#1249e0 rgb(18,73,224)
```
#1237e0
```
#1237e0 rgb(18,55,224)
```

Similar Colors

Text with hexadecimal color #126be0

This text has a font color of #126be0.

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

#126be0 background color

This paragraph has a background color of #126be0.

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

#126be0 border color

This element has a border color of #126be0.

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

CSS codes

.text {color:#126be0;}

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

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

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)
```
#020c18
```
#020c18 rgb(2,12,24)
```
#03142a
```
#03142a rgb(3,20,42)
```
#051d3d
```
#051d3d rgb(5,29,61)
```
#06264f
```
#06264f rgb(6,38,79)
```
#082e61
```
#082e61 rgb(8,46,97)
```
#093773
```
#093773 rgb(9,55,115)
```
#0b4085
```
#0b4085 rgb(11,64,133)
```
#0c4897
```
#0c4897 rgb(12,72,151)
```
#0e51aa
```
#0e51aa rgb(14,81,170)
```
#0f5abc
```
#0f5abc rgb(15,90,188)
```
#1162ce
```
#1162ce rgb(17,98,206)
```
#126be0
```
#126be0 rgb(18,107,224)
```

Shade Color Variation

#1974ed
```
#1974ed rgb(25,116,237)
```
#2b7fee
```
#2b7fee rgb(43,127,238)
```
#3d8aef
```
#3d8aef rgb(61,138,239)
```
#5095f1
```
#5095f1 rgb(80,149,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 #096ae9 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)
```
#53749f
```
#53749f rgb(83,116,159)
```
#4a73a8
```
#4a73a8 rgb(74,115,168)
```
#4171b1
```
#4171b1 rgb(65,113,177)
```
#3770bb
```
#3770bb rgb(55,112,187)
```
#2e6fc4
```
#2e6fc4 rgb(46,111,196)
```
#256ecd
```
#256ecd rgb(37,110,205)
```
#1b6cd7
```
#1b6cd7 rgb(27,108,215)
```
#126be0
```
#126be0 rgb(18,107,224)
```
#096ae9
```
#096ae9 rgb(9,106,233)
```

Tone Color Variation

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

Dichromacy

#0b73e2 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#0d70e1 Protanomaly 1% of men, 0.01% of women
#0674cf Deuteranomaly 6% of men, 0.4% of women
#067aa9 Tritanomaly 0.01% of the population

#126be0 hex color

#126be0 Color Information

#126be0 Color Conversion

Color Schemes with #126be0

Alternatives to #126be0

#126be0 Preview

Shades and Tints of #126be0

Tones of #126be0

Color Blindness Simulator