#123ae5 hex color

In a RGB color space, hex #123ae5 is composed of 7.1% red, 22.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 74.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 228.6 degrees, a saturation of 85.4% and a lightness of 48.4%. #123ae5 color hex could be obtained by blending #2474ff with #0000cb. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 7
- G 23
- B 90
RGB color chart
- C 92
- M 75
- Y 0
- K 10
CMYK color chart

● #123ae5 color description : Vivid blue.

The hexadecimal color #123ae5 has RGB values of R:18, G:58, B:229 and CMYK values of C:0.92, M:0.75, Y:0, K:0.1. Its decimal value is 1194725.

Hex triplet	123ae5	`#123ae5`
RGB Decimal	18, 58, 229	`rgb(18,58,229)`
RGB Percent	7.1, 22.7, 89.8	`rgb(7.1%,22.7%,89.8%)`
CMYK	92, 75, 0, 10
HSL	228.6°, 85.4, 48.4	`hsl(228.6,85.4%,48.4%)`
HSV (or HSB)	228.6°, 92.1, 89.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.617, 53.028, -87.625
XYZ	15.902, 8.811, 74.987
xyY	0.16, 0.088, 8.811
CIE-LCH	35.617, 102.421, 301.181
CIE-LUV	35.617, -12.647, -118.423
Hunter-Lab	29.683, 43.687, -129.006
Binary	00010010, 00111010, 11100101

#123ae5
```
#123ae5 rgb(18,58,229)
```
#e5bd12
```
#e5bd12 rgb(229,189,18)
```

Complementary Color

#12a4e5
```
#12a4e5 rgb(18,164,229)
```
#123ae5
```
#123ae5 rgb(18,58,229)
```
#5412e5
```
#5412e5 rgb(84,18,229)
```

Analogous Color

#a4e512
```
#a4e512 rgb(164,229,18)
```
#123ae5
```
#123ae5 rgb(18,58,229)
```
#e55412
```
#e55412 rgb(229,84,18)
```

Split Complementary Color

#3ae512
```
#3ae512 rgb(58,229,18)
```
#123ae5
```
#123ae5 rgb(18,58,229)
```
#e5123a
```
#e5123a rgb(229,18,58)
```

Triadic Color

#12e5bd
```
#12e5bd rgb(18,229,189)
```
#123ae5
```
#123ae5 rgb(18,58,229)
```
#e5123a
```
#e5123a rgb(229,18,58)
```
#e5bd12
```
#e5bd12 rgb(229,189,18)
```

Tetradic Color

#0c289e
```
#0c289e rgb(12,40,158)
```
#0e2eb6
```
#0e2eb6 rgb(14,46,182)
```
#1034cd
```
#1034cd rgb(16,52,205)
```
#123ae5
```
#123ae5 rgb(18,58,229)
```
#2349ee
```
#2349ee rgb(35,73,238)
```
#3a5df0
```
#3a5df0 rgb(58,93,240)
```
#5270f1
```
#5270f1 rgb(82,112,241)
```

Monochromatic Color

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

#126fe5
```
#126fe5 rgb(18,111,229)
```
#125de5
```
#125de5 rgb(18,93,229)
```
#124ce5
```
#124ce5 rgb(18,76,229)
```
#123ae5
```
#123ae5 rgb(18,58,229)
```
#1228e5
```
#1228e5 rgb(18,40,229)
```
#1217e5
```
#1217e5 rgb(18,23,229)
```
#1f12e5
```
#1f12e5 rgb(31,18,229)
```

Similar Colors

Text with hexadecimal color #123ae5

This text has a font color of #123ae5.

<span style="color:#123ae5;">Text here</span>

#123ae5 background color

This paragraph has a background color of #123ae5.

<p style="background-color:#123ae5;">Content here</p>

#123ae5 border color

This element has a border color of #123ae5.

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

CSS codes

.text {color:#123ae5;}

.background {background-color:#123ae5;}

.border {border:1px solid #123ae5;}

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, #01030b is the darkest color, while #f8f9fe is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#02071d
```
#02071d rgb(2,7,29)
```
#040c2f
```
#040c2f rgb(4,12,47)
```
#051141
```
#051141 rgb(5,17,65)
```
#071554
```
#071554 rgb(7,21,84)
```
#081a66
```
#081a66 rgb(8,26,102)
```
#091e78
```
#091e78 rgb(9,30,120)
```
#0b238a
```
#0b238a rgb(11,35,138)
```
#0c289c
```
#0c289c rgb(12,40,156)
```
#0e2cae
```
#0e2cae rgb(14,44,174)
```
#0f31c1
```
#0f31c1 rgb(15,49,193)
```
#1135d3
```
#1135d3 rgb(17,53,211)
```
#123ae5
```
#123ae5 rgb(18,58,229)
```

Shade Color Variation

#1d45ed
```
#1d45ed rgb(29,69,237)
```
#3054ef
```
#3054ef rgb(48,84,239)
```
#4263f0
```
#4263f0 rgb(66,99,240)
```
#5472f2
```
#5472f2 rgb(84,114,242)
```
#6681f3
```
#6681f3 rgb(102,129,243)
```
#7890f4
```
#7890f4 rgb(120,144,244)
```
#8a9ff6
```
#8a9ff6 rgb(138,159,246)
```
#9daef7
```
#9daef7 rgb(157,174,247)
```
#afbdf9
```
#afbdf9 rgb(175,189,249)
```
#c1ccfa
```
#c1ccfa rgb(193,204,250)
```
#d3dbfc
```
#d3dbfc rgb(211,219,252)
```
#e5eafd
```
#e5eafd rgb(229,234,253)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#7b7b7d
```
#7b7b7d rgb(123,123,125)
```
#717586
```
#717586 rgb(113,117,134)
```
#686f90
```
#686f90 rgb(104,111,144)
```
#5e6999
```
#5e6999 rgb(94,105,153)
```
#5563a3
```
#5563a3 rgb(85,99,163)
```
#4b5dac
```
#4b5dac rgb(75,93,172)
```
#4257b6
```
#4257b6 rgb(66,87,182)
```
#3852bf
```
#3852bf rgb(56,82,191)
```
#2f4cc9
```
#2f4cc9 rgb(47,76,201)
```
#2546d2
```
#2546d2 rgb(37,70,210)
```
#1c40dc
```
#1c40dc rgb(28,64,220)
```
#123ae5
```
#123ae5 rgb(18,58,229)
```
#0934ef
```
#0934ef rgb(9,52,239)
```

Tone Color Variation

Below, you can see how #123ae5 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

#424242 Achromatopsia 0.005% of the population
#384063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#064ec2 Protanomaly 1% of men, 0.01% of women
#0651b3 Deuteranomaly 6% of men, 0.4% of women
#065596 Tritanomaly 0.01% of the population

#123ae5 hex color

#123ae5 Color Information

#123ae5 Color Conversion

Color Schemes with #123ae5

Alternatives to #123ae5

#123ae5 Preview

Shades and Tints of #123ae5

Tones of #123ae5

Color Blindness Simulator