#122dff hex color

In a RGB color space, hex #122dff is composed of 7.1% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 233.2 degrees, a saturation of 100% and a lightness of 53.5%. #122dff color hex could be obtained by blending #245aff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 18
- B 100
RGB color chart
- C 93
- M 82
- Y 0
- K 0
CMYK color chart

● #122dff color description : Vivid blue.

The hexadecimal color #122dff has RGB values of R:18, G:45, B:255 and CMYK values of C:0.93, M:0.82, Y:0, K:0. Its decimal value is 1191423.

Hex triplet	122dff	`#122dff`
RGB Decimal	18, 45, 255	`rgb(18,45,255)`
RGB Percent	7.1, 17.6, 100	`rgb(7.1%,17.6%,100%)`
CMYK	93, 82, 0, 0
HSL	233.2°, 100, 53.5	`hsl(233.2,100%,53.5%)`
HSV (or HSB)	233.2°, 92.9, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.412, 67.637, -100.992
XYZ	19.234, 9.224, 95.369
xyY	0.155, 0.074, 9.224
CIE-LCH	36.412, 121.549, 303.811
CIE-LUV	36.412, -11.569, -133.125
Hunter-Lab	30.371, 59.897, -164.92
Binary	00010010, 00101101, 11111111

#122dff
```
#122dff rgb(18,45,255)
```
#ffe412
```
#ffe412 rgb(255,228,18)
```

Complementary Color

#12a4ff
```
#12a4ff rgb(18,164,255)
```
#122dff
```
#122dff rgb(18,45,255)
```
#6e12ff
```
#6e12ff rgb(110,18,255)
```

Analogous Color

#a4ff12
```
#a4ff12 rgb(164,255,18)
```
#122dff
```
#122dff rgb(18,45,255)
```
#ff6e12
```
#ff6e12 rgb(255,110,18)
```

Split Complementary Color

#2dff12
```
#2dff12 rgb(45,255,18)
```
#122dff
```
#122dff rgb(18,45,255)
```
#ff122d
```
#ff122d rgb(255,18,45)
```

Triadic Color

#12ffe4
```
#12ffe4 rgb(18,255,228)
```
#122dff
```
#122dff rgb(18,45,255)
```
#ff122d
```
#ff122d rgb(255,18,45)
```
#ffe412
```
#ffe412 rgb(255,228,18)
```

Tetradic Color

#0016c5
```
#0016c5 rgb(0,22,197)
```
#0019de
```
#0019de rgb(0,25,222)
```
#001cf8
```
#001cf8 rgb(0,28,248)
```
#122dff
```
#122dff rgb(18,45,255)
```
#2c44ff
```
#2c44ff rgb(44,68,255)
```
#455aff
```
#455aff rgb(69,90,255)
```
#5f71ff
```
#5f71ff rgb(95,113,255)
```

Monochromatic Color

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

#1268ff
```
#1268ff rgb(18,104,255)
```
#1255ff
```
#1255ff rgb(18,85,255)
```
#1241ff
```
#1241ff rgb(18,65,255)
```
#122dff
```
#122dff rgb(18,45,255)
```
#1219ff
```
#1219ff rgb(18,25,255)
```
#1e12ff
```
#1e12ff rgb(30,18,255)
```
#3212ff
```
#3212ff rgb(50,18,255)
```

Similar Colors

Text with hexadecimal color #122dff

This text has a font color of #122dff.

<span style="color:#122dff;">Text here</span>

#122dff background color

This paragraph has a background color of #122dff.

<p style="background-color:#122dff;">Content here</p>

#122dff border color

This element has a border color of #122dff.

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

CSS codes

.text {color:#122dff;}

.background {background-color:#122dff;}

.border {border:1px solid #122dff;}

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

#000212
```
#000212 rgb(0,2,18)
```
#000426
```
#000426 rgb(0,4,38)
```
#000739
```
#000739 rgb(0,7,57)
```
#00094d
```
#00094d rgb(0,9,77)
```
#000b60
```
#000b60 rgb(0,11,96)
```
#000d74
```
#000d74 rgb(0,13,116)
```
#000f88
```
#000f88 rgb(0,15,136)
```
#00129b
```
#00129b rgb(0,18,155)
```
#0014af
```
#0014af rgb(0,20,175)
```
#0016c3
```
#0016c3 rgb(0,22,195)
```
#0018d6
```
#0018d6 rgb(0,24,214)
```
#001bea
```
#001bea rgb(0,27,234)
```
#001dfd
```
#001dfd rgb(0,29,253)
```

Shade Color Variation

#122dff
```
#122dff rgb(18,45,255)
```
#263eff
```
#263eff rgb(38,62,255)
```
#3950ff
```
#3950ff rgb(57,80,255)
```
#4d61ff
```
#4d61ff rgb(77,97,255)
```
#6073ff
```
#6073ff rgb(96,115,255)
```
#7484ff
```
#7484ff rgb(116,132,255)
```
#8895ff
```
#8895ff rgb(136,149,255)
```
#9ba7ff
```
#9ba7ff rgb(155,167,255)
```
#afb8ff
```
#afb8ff rgb(175,184,255)
```
#c3c9ff
```
#c3c9ff rgb(195,201,255)
```
#d6dbff
```
#d6dbff rgb(214,219,255)
```
#eaecff
```
#eaecff rgb(234,236,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8192 is the less saturated color, while #122dff is the most saturated one.

#7f8192
```
#7f8192 rgb(127,129,146)
```
#767a9b
```
#767a9b rgb(118,122,155)
```
#6d73a4
```
#6d73a4 rgb(109,115,164)
```
#646cad
```
#646cad rgb(100,108,173)
```
#5b65b6
```
#5b65b6 rgb(91,101,182)
```
#525ebf
```
#525ebf rgb(82,94,191)
```
#4957c8
```
#4957c8 rgb(73,87,200)
```
#4050d1
```
#4050d1 rgb(64,80,209)
```
#3649db
```
#3649db rgb(54,73,219)
```
#2d42e4
```
#2d42e4 rgb(45,66,228)
```
#243bed
```
#243bed rgb(36,59,237)
```
#1b34f6
```
#1b34f6 rgb(27,52,246)
```
#122dff
```
#122dff rgb(18,45,255)
```

Tone Color Variation

Below, you can see how #122dff 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

#3d3d3d Achromatopsia 0.005% of the population
#343a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#006199 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#064ace Protanomaly 1% of men, 0.01% of women
#064ebe Deuteranomaly 6% of men, 0.4% of women
#0652a1 Tritanomaly 0.01% of the population

#122dff hex color

#122dff Color Information

#122dff Color Conversion

Color Schemes with #122dff

Alternatives to #122dff

#122dff Preview

Shades and Tints of #122dff

Tones of #122dff

Color Blindness Simulator