#548cfc hex color

In a RGB color space, hex #548cfc is composed of 32.9% red, 54.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 44.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 220 degrees, a saturation of 96.6% and a lightness of 65.9%. #548cfc color hex could be obtained by blending #a8ffff with #0019f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 55
- B 99
RGB color chart
- C 67
- M 44
- Y 0
- K 1
CMYK color chart

● #548cfc color description : Soft blue.

The hexadecimal color #548cfc has RGB values of R:84, G:140, B:252 and CMYK values of C:0.67, M:0.44, Y:0, K:0.01. Its decimal value is 5541116.

Hex triplet	548cfc	`#548cfc`
RGB Decimal	84, 140, 252	`rgb(84,140,252)`
RGB Percent	32.9, 54.9, 98.8	`rgb(32.9%,54.9%,98.8%)`
CMYK	67, 44, 0, 1
HSL	220°, 96.6, 65.9	`hsl(220,96.6%,65.9%)`
HSV (or HSB)	220°, 66.7, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.587, 16.885, -61.335
XYZ	30.601, 27.667, 95.818
xyY	0.199, 0.18, 27.667
CIE-LCH	59.587, 63.617, 285.392
CIE-LUV	59.587, -23.908, -99.663
Hunter-Lab	52.6, 11.797, -71.185
Binary	01010100, 10001100, 11111100

#548cfc
```
#548cfc rgb(84,140,252)
```
#fcc454
```
#fcc454 rgb(252,196,84)
```

Complementary Color

#54e0fc
```
#54e0fc rgb(84,224,252)
```
#548cfc
```
#548cfc rgb(84,140,252)
```
#7054fc
```
#7054fc rgb(112,84,252)
```

Analogous Color

#e0fc54
```
#e0fc54 rgb(224,252,84)
```
#548cfc
```
#548cfc rgb(84,140,252)
```
#fc7054
```
#fc7054 rgb(252,112,84)
```

Split Complementary Color

#8cfc54
```
#8cfc54 rgb(140,252,84)
```
#548cfc
```
#548cfc rgb(84,140,252)
```
#fc548c
```
#fc548c rgb(252,84,140)
```

Triadic Color

#54fcc4
```
#54fcc4 rgb(84,252,196)
```
#548cfc
```
#548cfc rgb(84,140,252)
```
#fc548c
```
#fc548c rgb(252,84,140)
```
#fcc454
```
#fcc454 rgb(252,196,84)
```

Tetradic Color

#0959fb
```
#0959fb rgb(9,89,251)
```
#226afb
```
#226afb rgb(34,106,251)
```
#3b7bfc
```
#3b7bfc rgb(59,123,252)
```
#548cfc
```
#548cfc rgb(84,140,252)
```
#6d9dfc
```
#6d9dfc rgb(109,157,252)
```
#86aefd
```
#86aefd rgb(134,174,253)
```
#9fbffd
```
#9fbffd rgb(159,191,253)
```

Monochromatic Color

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

#54b6fc
```
#54b6fc rgb(84,182,252)
```
#54a8fc
```
#54a8fc rgb(84,168,252)
```
#549afc
```
#549afc rgb(84,154,252)
```
#548cfc
```
#548cfc rgb(84,140,252)
```
#547efc
```
#547efc rgb(84,126,252)
```
#5470fc
```
#5470fc rgb(84,112,252)
```
#5462fc
```
#5462fc rgb(84,98,252)
```

Similar Colors

Text with hexadecimal color #548cfc

This text has a font color of #548cfc.

<span style="color:#548cfc;">Text here</span>

#548cfc background color

This paragraph has a background color of #548cfc.

<p style="background-color:#548cfc;">Content here</p>

#548cfc border color

This element has a border color of #548cfc.

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

CSS codes

.text {color:#548cfc;}

.background {background-color:#548cfc;}

.border {border:1px solid #548cfc;}

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

#000102
```
#000102 rgb(0,1,2)
```
#000816
```
#000816 rgb(0,8,22)
```
#010e29
```
#010e29 rgb(1,14,41)
```
#01153c
```
#01153c rgb(1,21,60)
```
#011b50
```
#011b50 rgb(1,27,80)
```
#022263
```
#022263 rgb(2,34,99)
```
#022976
```
#022976 rgb(2,41,118)
```
#022f89
```
#022f89 rgb(2,47,137)
```
#03369d
```
#03369d rgb(3,54,157)
```
#033db0
```
#033db0 rgb(3,61,176)
```
#0343c3
```
#0343c3 rgb(3,67,195)
```
#044ad7
```
#044ad7 rgb(4,74,215)
```
#0451ea
```
#0451ea rgb(4,81,234)
```

Shade Color Variation

#0758fb
```
#0758fb rgb(7,88,251)
```
#1a65fb
```
#1a65fb rgb(26,101,251)
```
#2d72fb
```
#2d72fb rgb(45,114,251)
```
#417ffc
```
#417ffc rgb(65,127,252)
```
#548cfc
```
#548cfc rgb(84,140,252)
```
#6799fc
```
#6799fc rgb(103,153,252)
```
#7ba6fd
```
#7ba6fd rgb(123,166,253)
```
#8eb3fd
```
#8eb3fd rgb(142,179,253)
```
#a1c0fd
```
#a1c0fd rgb(161,192,253)
```
#b4cdfe
```
#b4cdfe rgb(180,205,254)
```
#c8dafe
```
#c8dafe rgb(200,218,254)
```
#dbe7fe
```
#dbe7fe rgb(219,231,254)
```
#eef4ff
```
#eef4ff rgb(238,244,255)
```

Tint Color Variation

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

#a4a7ac
```
#a4a7ac rgb(164,167,172)
```
#9ea5b2
```
#9ea5b2 rgb(158,165,178)
```
#97a2b9
```
#97a2b9 rgb(151,162,185)
```
#90a0c0
```
#90a0c0 rgb(144,160,192)
```
#8a9ec6
```
#8a9ec6 rgb(138,158,198)
```
#839ccd
```
#839ccd rgb(131,156,205)
```
#7c99d4
```
#7c99d4 rgb(124,153,212)
```
#7597db
```
#7597db rgb(117,151,219)
```
#6f95e1
```
#6f95e1 rgb(111,149,225)
```
#6893e8
```
#6893e8 rgb(104,147,232)
```
#6190ef
```
#6190ef rgb(97,144,239)
```
#5b8ef5
```
#5b8ef5 rgb(91,142,245)
```
#548cfc
```
#548cfc rgb(84,140,252)
```

Tone Color Variation

Below, you can see how #548cfc 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

#888888 Achromatopsia 0.005% of the population
#7e899f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e91fc Protanopia 1% of men
#2d97f9 Deuteranopia 1% of men
#00a3af Tritanopia 0.001% of the population

Trichromacy

#5a8ffc Protanomaly 1% of men, 0.01% of women
#3b93fa Deuteranomaly 6% of men, 0.4% of women
#1e9bcb Tritanomaly 0.01% of the population

#548cfc hex color

#548cfc Color Information

#548cfc Color Conversion

Color Schemes with #548cfc

Alternatives to #548cfc

#548cfc Preview

Shades and Tints of #548cfc

Tones of #548cfc

Color Blindness Simulator