#545af3 hex color

In a RGB color space, hex #545af3 is composed of 32.9% red, 35.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 63% magenta, 0% yellow and 4.7% black. It has a hue angle of 237.7 degrees, a saturation of 86.9% and a lightness of 64.1%. #545af3 color hex could be obtained by blending #a8b4ff with #0000e7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 35
- B 95
RGB color chart
- C 65
- M 63
- Y 0
- K 5
CMYK color chart

● #545af3 color description : Soft blue.

The hexadecimal color #545af3 has RGB values of R:84, G:90, B:243 and CMYK values of C:0.65, M:0.63, Y:0, K:0.05. Its decimal value is 5528307.

Hex triplet	545af3	`#545af3`
RGB Decimal	84, 90, 243	`rgb(84,90,243)`
RGB Percent	32.9, 35.3, 95.3	`rgb(32.9%,35.3%,95.3%)`
CMYK	65, 63, 0, 5
HSL	237.7°, 86.9, 64.1	`hsl(237.7,86.9%,64.1%)`
HSV (or HSB)	237.7°, 65.4, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.535, 44.215, -77.467
XYZ	23.487, 15.667, 86.575
xyY	0.187, 0.125, 15.667
CIE-LCH	46.535, 89.197, 299.716
CIE-LUV	46.535, -10.013, -118.718
Hunter-Lab	39.582, 36.65, -101.976
Binary	01010100, 01011010, 11110011

#545af3
```
#545af3 rgb(84,90,243)
```
#f3ed54
```
#f3ed54 rgb(243,237,84)
```

Complementary Color

#54aaf3
```
#54aaf3 rgb(84,170,243)
```
#545af3
```
#545af3 rgb(84,90,243)
```
#9e54f3
```
#9e54f3 rgb(158,84,243)
```

Analogous Color

#aaf354
```
#aaf354 rgb(170,243,84)
```
#545af3
```
#545af3 rgb(84,90,243)
```
#f39e54
```
#f39e54 rgb(243,158,84)
```

Split Complementary Color

#5af354
```
#5af354 rgb(90,243,84)
```
#545af3
```
#545af3 rgb(84,90,243)
```
#f3545a
```
#f3545a rgb(243,84,90)
```

Triadic Color

#54f3ed
```
#54f3ed rgb(84,243,237)
```
#545af3
```
#545af3 rgb(84,90,243)
```
#f3545a
```
#f3545a rgb(243,84,90)
```
#f3ed54
```
#f3ed54 rgb(243,237,84)
```

Tetradic Color

#1019ea
```
#1019ea rgb(16,25,234)
```
#242cf0
```
#242cf0 rgb(36,44,240)
```
#3c43f1
```
#3c43f1 rgb(60,67,241)
```
#545af3
```
#545af3 rgb(84,90,243)
```
#6c71f5
```
#6c71f5 rgb(108,113,245)
```
#8488f6
```
#8488f6 rgb(132,136,246)
```
#9b9ff8
```
#9b9ff8 rgb(155,159,248)
```

Monochromatic Color

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

#5482f3
```
#5482f3 rgb(84,130,243)
```
#5475f3
```
#5475f3 rgb(84,117,243)
```
#5467f3
```
#5467f3 rgb(84,103,243)
```
#545af3
```
#545af3 rgb(84,90,243)
```
#5b54f3
```
#5b54f3 rgb(91,84,243)
```
#6954f3
```
#6954f3 rgb(105,84,243)
```
#7654f3
```
#7654f3 rgb(118,84,243)
```

Similar Colors

Text with hexadecimal color #545af3

This text has a font color of #545af3.

<span style="color:#545af3;">Text here</span>

#545af3 background color

This paragraph has a background color of #545af3.

<p style="background-color:#545af3;">Content here</p>

#545af3 border color

This element has a border color of #545af3.

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

CSS codes

.text {color:#545af3;}

.background {background-color:#545af3;}

.border {border:1px solid #545af3;}

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, #01010c is the darkest color, while #f9f9ff is the lightest one.

#01010c
```
#01010c rgb(1,1,12)
```
#02031f
```
#02031f rgb(2,3,31)
```
#030531
```
#030531 rgb(3,5,49)
```
#050743
```
#050743 rgb(5,7,67)
```
#060956
```
#060956 rgb(6,9,86)
```
#070b68
```
#070b68 rgb(7,11,104)
```
#090d7a
```
#090d7a rgb(9,13,122)
```
#0a0f8d
```
#0a0f8d rgb(10,15,141)
```
#0b119f
```
#0b119f rgb(11,17,159)
```
#0c13b1
```
#0c13b1 rgb(12,19,177)
```
#0e15c4
```
#0e15c4 rgb(14,21,196)
```
#0f17d6
```
#0f17d6 rgb(15,23,214)
```
#1018e8
```
#1018e8 rgb(16,24,232)
```

Shade Color Variation

#1d25ef
```
#1d25ef rgb(29,37,239)
```
#2f37f0
```
#2f37f0 rgb(47,55,240)
```
#4248f2
```
#4248f2 rgb(66,72,242)
```
#545af3
```
#545af3 rgb(84,90,243)
```
#666cf4
```
#666cf4 rgb(102,108,244)
```
#797df6
```
#797df6 rgb(121,125,246)
```
#8b8ff7
```
#8b8ff7 rgb(139,143,247)
```
#9da1f8
```
#9da1f8 rgb(157,161,248)
```
#b0b2f9
```
#b0b2f9 rgb(176,178,249)
```
#c2c4fb
```
#c2c4fb rgb(194,196,251)
```
#d4d6fc
```
#d4d6fc rgb(212,214,252)
```
#e7e7fd
```
#e7e7fd rgb(231,231,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a2a6 is the less saturated color, while #4d53fa is the most saturated one.

#a1a2a6
```
#a1a2a6 rgb(161,162,166)
```
#9a9bad
```
#9a9bad rgb(154,155,173)
```
#9395b4
```
#9395b4 rgb(147,149,180)
```
#8c8ebb
```
#8c8ebb rgb(140,142,187)
```
#8588c2
```
#8588c2 rgb(133,136,194)
```
#7e81c9
```
#7e81c9 rgb(126,129,201)
```
#777bd0
```
#777bd0 rgb(119,123,208)
```
#7074d7
```
#7074d7 rgb(112,116,215)
```
#696ede
```
#696ede rgb(105,110,222)
```
#6267e5
```
#6267e5 rgb(98,103,229)
```
#5b61ec
```
#5b61ec rgb(91,97,236)
```
#545af3
```
#545af3 rgb(84,90,243)
```
#4d53fa
```
#4d53fa rgb(77,83,250)
```

Tone Color Variation

Below, you can see how #545af3 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

#6a6a6a Achromatopsia 0.005% of the population
#666785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1e69e6 Protanomaly 1% of men, 0.01% of women
#1e6dd4 Deuteranomaly 6% of men, 0.4% of women
#1e73b0 Tritanomaly 0.01% of the population

#545af3 hex color

#545af3 Color Information

#545af3 Color Conversion

Color Schemes with #545af3

Alternatives to #545af3

#545af3 Preview

Shades and Tints of #545af3

Tones of #545af3

Color Blindness Simulator