#1c45f2 hex color

In a RGB color space, hex #1c45f2 is composed of 11% red, 27.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 71.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.5 degrees, a saturation of 89.2% and a lightness of 52.9%. #1c45f2 color hex could be obtained by blending #388aff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 11
- G 27
- B 95
RGB color chart
- C 88
- M 71
- Y 0
- K 5
CMYK color chart

● #1c45f2 color description : Vivid blue.

The hexadecimal color #1c45f2 has RGB values of R:28, G:69, B:242 and CMYK values of C:0.88, M:0.71, Y:0, K:0.05. Its decimal value is 1852914.

Hex triplet	1c45f2	`#1c45f2`
RGB Decimal	28, 69, 242	`rgb(28,69,242)`
RGB Percent	11, 27.1, 94.9	`rgb(11%,27.1%,94.9%)`
CMYK	88, 71, 0, 5
HSL	228.5°, 89.2, 52.9	`hsl(228.5,89.2%,52.9%)`
HSV (or HSB)	228.5°, 88.4, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.433, 51.513, -88.671
XYZ	18.631, 10.912, 85.124
xyY	0.162, 0.095, 10.912
CIE-LCH	39.433, 102.548, 300.155
CIE-LUV	39.433, -14.136, -125.054
Hunter-Lab	33.034, 42.862, -129.658
Binary	00011100, 01000101, 11110010

#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#f2c91c
```
#f2c91c rgb(242,201,28)
```

Complementary Color

#1cb0f2
```
#1cb0f2 rgb(28,176,242)
```
#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#5e1cf2
```
#5e1cf2 rgb(94,28,242)
```

Analogous Color

#b0f21c
```
#b0f21c rgb(176,242,28)
```
#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#f25e1c
```
#f25e1c rgb(242,94,28)
```

Split Complementary Color

#45f21c
```
#45f21c rgb(69,242,28)
```
#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#f21c45
```
#f21c45 rgb(242,28,69)
```

Triadic Color

#1cf2c9
```
#1cf2c9 rgb(28,242,201)
```
#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#f21c45
```
#f21c45 rgb(242,28,69)
```
#f2c91c
```
#f2c91c rgb(242,201,28)
```

Tetradic Color

#0a2cb7
```
#0a2cb7 rgb(10,44,183)
```
#0c31cf
```
#0c31cf rgb(12,49,207)
```
#0d37e7
```
#0d37e7 rgb(13,55,231)
```
#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#3459f3
```
#3459f3 rgb(52,89,243)
```
#4c6df5
```
#4c6df5 rgb(76,109,245)
```
#6480f6
```
#6480f6 rgb(100,128,246)
```

Monochromatic Color

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

#1c7bf2
```
#1c7bf2 rgb(28,123,242)
```
#1c69f2
```
#1c69f2 rgb(28,105,242)
```
#1c57f2
```
#1c57f2 rgb(28,87,242)
```
#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#1c33f2
```
#1c33f2 rgb(28,51,242)
```
#1c21f2
```
#1c21f2 rgb(28,33,242)
```
#291cf2
```
#291cf2 rgb(41,28,242)
```

Similar Colors

Text with hexadecimal color #1c45f2

This text has a font color of #1c45f2.

<span style="color:#1c45f2;">Text here</span>

#1c45f2 background color

This paragraph has a background color of #1c45f2.

<p style="background-color:#1c45f2;">Content here</p>

#1c45f2 border color

This element has a border color of #1c45f2.

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

CSS codes

.text {color:#1c45f2;}

.background {background-color:#1c45f2;}

.border {border:1px solid #1c45f2;}

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

#01030e
```
#01030e rgb(1,3,14)
```
#020821
```
#020821 rgb(2,8,33)
```
#030c33
```
#030c33 rgb(3,12,51)
```
#041146
```
#041146 rgb(4,17,70)
```
#051558
```
#051558 rgb(5,21,88)
```
#06196b
```
#06196b rgb(6,25,107)
```
#071e7e
```
#071e7e rgb(7,30,126)
```
#082290
```
#082290 rgb(8,34,144)
```
#0927a3
```
#0927a3 rgb(9,39,163)
```
#0a2bb5
```
#0a2bb5 rgb(10,43,181)
```
#0b30c8
```
#0b30c8 rgb(11,48,200)
```
#0d34da
```
#0d34da rgb(13,52,218)
```
#0e38ed
```
#0e38ed rgb(14,56,237)
```

Shade Color Variation

#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#2f54f3
```
#2f54f3 rgb(47,84,243)
```
#4163f4
```
#4163f4 rgb(65,99,244)
```
#5473f5
```
#5473f5 rgb(84,115,245)
```
#6682f6
```
#6682f6 rgb(102,130,246)
```
#7991f7
```
#7991f7 rgb(121,145,247)
```
#8ba0f8
```
#8ba0f8 rgb(139,160,248)
```
#9eaff9
```
#9eaff9 rgb(158,175,249)
```
#b0bffb
```
#b0bffb rgb(176,191,251)
```
#c3cefc
```
#c3cefc rgb(195,206,252)
```
#d6ddfd
```
#d6ddfd rgb(214,221,253)
```
#e8ecfe
```
#e8ecfe rgb(232,236,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82848c is the less saturated color, while #133ffb is the most saturated one.

#82848c
```
#82848c rgb(130,132,140)
```
#787e96
```
#787e96 rgb(120,126,150)
```
#6f789f
```
#6f789f rgb(111,120,159)
```
#6673a8
```
#6673a8 rgb(102,115,168)
```
#5d6db1
```
#5d6db1 rgb(93,109,177)
```
#5367bb
```
#5367bb rgb(83,103,187)
```
#4a61c4
```
#4a61c4 rgb(74,97,196)
```
#415ccd
```
#415ccd rgb(65,92,205)
```
#3856d6
```
#3856d6 rgb(56,86,214)
```
#2e50e0
```
#2e50e0 rgb(46,80,224)
```
#254be9
```
#254be9 rgb(37,75,233)
```
#1c45f2
```
#1c45f2 rgb(28,69,242)
```
#133ffb
```
#133ffb rgb(19,63,251)
```

Tone Color Variation

Below, you can see how #1c45f2 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

#4c4c4c Achromatopsia 0.005% of the population
#424b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0a57d1 Protanomaly 1% of men, 0.01% of women
#0a5bc1 Deuteranomaly 6% of men, 0.4% of women
#0a60a2 Tritanomaly 0.01% of the population

#1c45f2 hex color

#1c45f2 Color Information

#1c45f2 Color Conversion

Color Schemes with #1c45f2

Alternatives to #1c45f2

#1c45f2 Preview

Shades and Tints of #1c45f2

Tones of #1c45f2

Color Blindness Simulator