#1245ed hex color

In a RGB color space, hex #1245ed is composed of 7.1% red, 27.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 92.4% cyan, 70.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 226 degrees, a saturation of 85.9% and a lightness of 50%. #1245ed color hex could be obtained by blending #248aff with #0000db. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 27
- B 93
RGB color chart
- C 92
- M 71
- Y 0
- K 7
CMYK color chart

● #1245ed color description : Vivid blue.

The hexadecimal color #1245ed has RGB values of R:18, G:69, B:237 and CMYK values of C:0.92, M:0.71, Y:0, K:0.07. Its decimal value is 1197549.

Hex triplet	1245ed	`#1245ed`
RGB Decimal	18, 69, 237	`rgb(18,69,237)`
RGB Percent	7.1, 27.1, 92.9	`rgb(7.1%,27.1%,92.9%)`
CMYK	92, 71, 0, 7
HSL	226°, 85.9, 50	`hsl(226,85.9%,50%)`
HSV (or HSB)	226°, 92.4, 92.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.721, 49.447, -87.03
XYZ	17.66, 10.498, 81.212
xyY	0.161, 0.096, 10.498
CIE-LCH	38.721, 100.096, 299.603
CIE-LUV	38.721, -14.672, -122.179
Hunter-Lab	32.4, 40.594, -125.93
Binary	00010010, 01000101, 11101101

#1245ed
```
#1245ed rgb(18,69,237)
```
#edba12
```
#edba12 rgb(237,186,18)
```

Complementary Color

#12b3ed
```
#12b3ed rgb(18,179,237)
```
#1245ed
```
#1245ed rgb(18,69,237)
```
#4d12ed
```
#4d12ed rgb(77,18,237)
```

Analogous Color

#b3ed12
```
#b3ed12 rgb(179,237,18)
```
#1245ed
```
#1245ed rgb(18,69,237)
```
#ed4d12
```
#ed4d12 rgb(237,77,18)
```

Split Complementary Color

#45ed12
```
#45ed12 rgb(69,237,18)
```
#1245ed
```
#1245ed rgb(18,69,237)
```
#ed1245
```
#ed1245 rgb(237,18,69)
```

Triadic Color

#12edba
```
#12edba rgb(18,237,186)
```
#1245ed
```
#1245ed rgb(18,69,237)
```
#ed1245
```
#ed1245 rgb(237,18,69)
```
#edba12
```
#edba12 rgb(237,186,18)
```

Tetradic Color

#0d30a6
```
#0d30a6 rgb(13,48,166)
```
#0e37be
```
#0e37be rgb(14,55,190)
```
#103ed5
```
#103ed5 rgb(16,62,213)
```
#1245ed
```
#1245ed rgb(18,69,237)
```
#2a58ef
```
#2a58ef rgb(42,88,239)
```
#416af1
```
#416af1 rgb(65,106,241)
```
#597df2
```
#597df2 rgb(89,125,242)
```

Monochromatic Color

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

#127ced
```
#127ced rgb(18,124,237)
```
#126aed
```
#126aed rgb(18,106,237)
```
#1257ed
```
#1257ed rgb(18,87,237)
```
#1245ed
```
#1245ed rgb(18,69,237)
```
#1233ed
```
#1233ed rgb(18,51,237)
```
#1221ed
```
#1221ed rgb(18,33,237)
```
#1612ed
```
#1612ed rgb(22,18,237)
```

Similar Colors

Text with hexadecimal color #1245ed

This text has a font color of #1245ed.

<span style="color:#1245ed;">Text here</span>

#1245ed background color

This paragraph has a background color of #1245ed.

<p style="background-color:#1245ed;">Content here</p>

#1245ed border color

This element has a border color of #1245ed.

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

CSS codes

.text {color:#1245ed;}

.background {background-color:#1245ed;}

.border {border:1px solid #1245ed;}

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

#010512
```
#010512 rgb(1,5,18)
```
#030b24
```
#030b24 rgb(3,11,36)
```
#041037
```
#041037 rgb(4,16,55)
```
#061549
```
#061549 rgb(6,21,73)
```
#071b5b
```
#071b5b rgb(7,27,91)
```
#08206d
```
#08206d rgb(8,32,109)
```
#0a2580
```
#0a2580 rgb(10,37,128)
```
#0b2a92
```
#0b2a92 rgb(11,42,146)
```
#0c30a4
```
#0c30a4 rgb(12,48,164)
```
#0e35b6
```
#0e35b6 rgb(14,53,182)
```
#0f3ac9
```
#0f3ac9 rgb(15,58,201)
```
#1140db
```
#1140db rgb(17,64,219)
```
#1245ed
```
#1245ed rgb(18,69,237)
```

Shade Color Variation

#2453ee
```
#2453ee rgb(36,83,238)
```
#3662f0
```
#3662f0 rgb(54,98,240)
```
#4970f1
```
#4970f1 rgb(73,112,241)
```
#5b7ef3
```
#5b7ef3 rgb(91,126,243)
```
#6d8df4
```
#6d8df4 rgb(109,141,244)
```
#7f9bf5
```
#7f9bf5 rgb(127,155,245)
```
#92a9f7
```
#92a9f7 rgb(146,169,247)
```
#a4b7f8
```
#a4b7f8 rgb(164,183,248)
```
#b6c6f9
```
#b6c6f9 rgb(182,198,249)
```
#c8d4fb
```
#c8d4fb rgb(200,212,251)
```
#dbe2fc
```
#dbe2fc rgb(219,226,252)
```
#edf1fe
```
#edf1fe rgb(237,241,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e7f81
```
#7e7f81 rgb(126,127,129)
```
#74798b
```
#74798b rgb(116,121,139)
```
#6a7495
```
#6a7495 rgb(106,116,149)
```
#606f9f
```
#606f9f rgb(96,111,159)
```
#576aa8
```
#576aa8 rgb(87,106,168)
```
#4d64b2
```
#4d64b2 rgb(77,100,178)
```
#435fbc
```
#435fbc rgb(67,95,188)
```
#395ac6
```
#395ac6 rgb(57,90,198)
```
#2f55d0
```
#2f55d0 rgb(47,85,208)
```
#264fd9
```
#264fd9 rgb(38,79,217)
```
#1c4ae3
```
#1c4ae3 rgb(28,74,227)
```
#1245ed
```
#1245ed rgb(18,69,237)
```
#0840f7
```
#0840f7 rgb(8,64,247)
```

Tone Color Variation

Below, you can see how #1245ed 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

#494949 Achromatopsia 0.005% of the population
#3e486a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0656ce Protanomaly 1% of men, 0.01% of women
#065abd Deuteranomaly 6% of men, 0.4% of women
#065e9f Tritanomaly 0.01% of the population

#1245ed hex color

#1245ed Color Information

#1245ed Color Conversion

Color Schemes with #1245ed

Alternatives to #1245ed

#1245ed Preview

Shades and Tints of #1245ed

Tones of #1245ed

Color Blindness Simulator