#546cf0 hex color

In a RGB color space, hex #546cf0 is composed of 32.9% red, 42.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 55% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.8 degrees, a saturation of 83.9% and a lightness of 63.5%. #546cf0 color hex could be obtained by blending #a8d8ff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 42
- B 94
RGB color chart
- C 65
- M 55
- Y 0
- K 6
CMYK color chart

● #546cf0 color description : Soft blue.

The hexadecimal color #546cf0 has RGB values of R:84, G:108, B:240 and CMYK values of C:0.65, M:0.55, Y:0, K:0.06. Its decimal value is 5532912.

Hex triplet	546cf0	`#546cf0`
RGB Decimal	84, 108, 240	`rgb(84,108,240)`
RGB Percent	32.9, 42.4, 94.1	`rgb(32.9%,42.4%,94.1%)`
CMYK	65, 55, 0, 6
HSL	230.8°, 83.9, 63.5	`hsl(230.8,83.9%,63.5%)`
HSV (or HSB)	230.8°, 65, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.57, 32.322, -69.218
XYZ	24.744, 18.9, 84.777
xyY	0.193, 0.147, 18.9
CIE-LCH	50.57, 76.393, 295.03
CIE-LUV	50.57, -14.402, -109.115
Hunter-Lab	43.474, 25.516, -85.188
Binary	01010100, 01101100, 11110000

#546cf0
```
#546cf0 rgb(84,108,240)
```
#f0d854
```
#f0d854 rgb(240,216,84)
```

Complementary Color

#54baf0
```
#54baf0 rgb(84,186,240)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```
#8a54f0
```
#8a54f0 rgb(138,84,240)
```

Analogous Color

#baf054
```
#baf054 rgb(186,240,84)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```
#f08a54
```
#f08a54 rgb(240,138,84)
```

Split Complementary Color

#6cf054
```
#6cf054 rgb(108,240,84)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```
#f0546c
```
#f0546c rgb(240,84,108)
```

Triadic Color

#54f0d8
```
#54f0d8 rgb(84,240,216)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```
#f0546c
```
#f0546c rgb(240,84,108)
```
#f0d854
```
#f0d854 rgb(240,216,84)
```

Tetradic Color

#1434e4
```
#1434e4 rgb(20,52,228)
```
#2544ec
```
#2544ec rgb(37,68,236)
```
#3d58ee
```
#3d58ee rgb(61,88,238)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```
#6b80f2
```
#6b80f2 rgb(107,128,242)
```
#8394f4
```
#8394f4 rgb(131,148,244)
```
#9aa8f6
```
#9aa8f6 rgb(154,168,246)
```

Monochromatic Color

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

#5493f0
```
#5493f0 rgb(84,147,240)
```
#5486f0
```
#5486f0 rgb(84,134,240)
```
#5479f0
```
#5479f0 rgb(84,121,240)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```
#545ff0
```
#545ff0 rgb(84,95,240)
```
#5654f0
```
#5654f0 rgb(86,84,240)
```
#6354f0
```
#6354f0 rgb(99,84,240)
```

Similar Colors

Text with hexadecimal color #546cf0

This text has a font color of #546cf0.

<span style="color:#546cf0;">Text here</span>

#546cf0 background color

This paragraph has a background color of #546cf0.

<p style="background-color:#546cf0;">Content here</p>

#546cf0 border color

This element has a border color of #546cf0.

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

CSS codes

.text {color:#546cf0;}

.background {background-color:#546cf0;}

.border {border:1px solid #546cf0;}

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

#010209
```
#010209 rgb(1,2,9)
```
#02061b
```
#02061b rgb(2,6,27)
```
#040a2d
```
#040a2d rgb(4,10,45)
```
#060e3f
```
#060e3f rgb(6,14,63)
```
#071351
```
#071351 rgb(7,19,81)
```
#091764
```
#091764 rgb(9,23,100)
```
#0a1b76
```
#0a1b76 rgb(10,27,118)
```
#0c1f88
```
#0c1f88 rgb(12,31,136)
```
#0d239a
```
#0d239a rgb(13,35,154)
```
#0f27ac
```
#0f27ac rgb(15,39,172)
```
#112bbe
```
#112bbe rgb(17,43,190)
```
#122fd0
```
#122fd0 rgb(18,47,208)
```
#1433e2
```
#1433e2 rgb(20,51,226)
```

Shade Color Variation

#1e3deb
```
#1e3deb rgb(30,61,235)
```
#304ded
```
#304ded rgb(48,77,237)
```
#425cee
```
#425cee rgb(66,92,238)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```
#667cf2
```
#667cf2 rgb(102,124,242)
```
#788bf3
```
#788bf3 rgb(120,139,243)
```
#8a9bf5
```
#8a9bf5 rgb(138,155,245)
```
#9caaf6
```
#9caaf6 rgb(156,170,246)
```
#aebaf8
```
#aebaf8 rgb(174,186,248)
```
#c0c9f9
```
#c0c9f9 rgb(192,201,249)
```
#d2d9fb
```
#d2d9fb rgb(210,217,251)
```
#e4e8fd
```
#e4e8fd rgb(228,232,253)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ea8 is the less saturated color, while #4662fe is the most saturated one.

#9c9ea8
```
#9c9ea8 rgb(156,158,168)
```
#9499b0
```
#9499b0 rgb(148,153,176)
```
#8d94b7
```
#8d94b7 rgb(141,148,183)
```
#868fbe
```
#868fbe rgb(134,143,190)
```
#7f8ac5
```
#7f8ac5 rgb(127,138,197)
```
#7885cc
```
#7885cc rgb(120,133,204)
```
#7180d3
```
#7180d3 rgb(113,128,211)
```
#697bdb
```
#697bdb rgb(105,123,219)
```
#6276e2
```
#6276e2 rgb(98,118,226)
```
#5b71e9
```
#5b71e9 rgb(91,113,233)
```
#546cf0
```
#546cf0 rgb(84,108,240)
```
#4d67f7
```
#4d67f7 rgb(77,103,247)
```
#4662fe
```
#4662fe rgb(70,98,254)
```

Tone Color Variation

Below, you can see how #546cf0 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

#747474 Achromatopsia 0.005% of the population
#6e728d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#1e75f1 Protanomaly 1% of men, 0.01% of women
#1e7ade Deuteranomaly 6% of men, 0.4% of women
#1e80b6 Tritanomaly 0.01% of the population

#546cf0 hex color

#546cf0 Color Information

#546cf0 Color Conversion

Color Schemes with #546cf0

Alternatives to #546cf0

#546cf0 Preview

Shades and Tints of #546cf0

Tones of #546cf0

Color Blindness Simulator