#5498fe hex color

In a RGB color space, hex #5498fe is composed of 32.9% red, 59.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 40.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 216 degrees, a saturation of 98.8% and a lightness of 66.3%. #5498fe color hex could be obtained by blending #a8ffff with #0031fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 60
- B 100
RGB color chart
- C 67
- M 40
- Y 0
- K 0
CMYK color chart

● #5498fe color description : Soft blue.

The hexadecimal color #5498fe has RGB values of R:84, G:152, B:254 and CMYK values of C:0.67, M:0.4, Y:0, K:0. Its decimal value is 5544190.

Hex triplet	5498fe	`#5498fe`
RGB Decimal	84, 152, 254	`rgb(84,152,254)`
RGB Percent	32.9, 59.6, 99.6	`rgb(32.9%,59.6%,99.6%)`
CMYK	67, 40, 0, 0
HSL	216°, 98.8, 66.3	`hsl(216,98.8%,66.3%)`
HSV (or HSB)	216°, 66.9, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.923, 10.417, -57.101
XYZ	32.77, 31.495, 98.113
xyY	0.202, 0.194, 31.495
CIE-LCH	62.923, 58.043, 280.338
CIE-LUV	62.923, -27.726, -93.098
Hunter-Lab	56.12, 6.019, -64.37
Binary	01010100, 10011000, 11111110

#5498fe
```
#5498fe rgb(84,152,254)
```
#feba54
```
#feba54 rgb(254,186,84)
```

Complementary Color

#54edfe
```
#54edfe rgb(84,237,254)
```
#5498fe
```
#5498fe rgb(84,152,254)
```
#6554fe
```
#6554fe rgb(101,84,254)
```

Analogous Color

#edfe54
```
#edfe54 rgb(237,254,84)
```
#5498fe
```
#5498fe rgb(84,152,254)
```
#fe6554
```
#fe6554 rgb(254,101,84)
```

Split Complementary Color

#98fe54
```
#98fe54 rgb(152,254,84)
```
#5498fe
```
#5498fe rgb(84,152,254)
```
#fe5498
```
#fe5498 rgb(254,84,152)
```

Triadic Color

#54feba
```
#54feba rgb(84,254,186)
```
#5498fe
```
#5498fe rgb(84,152,254)
```
#fe5498
```
#fe5498 rgb(254,84,152)
```
#feba54
```
#feba54 rgb(254,186,84)
```

Tetradic Color

#086afe
```
#086afe rgb(8,106,254)
```
#2179fe
```
#2179fe rgb(33,121,254)
```
#3b89fe
```
#3b89fe rgb(59,137,254)
```
#5498fe
```
#5498fe rgb(84,152,254)
```
#6da7fe
```
#6da7fe rgb(109,167,254)
```
#87b7fe
```
#87b7fe rgb(135,183,254)
```
#a0c6fe
```
#a0c6fe rgb(160,198,254)
```

Monochromatic Color

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

#54c3fe
```
#54c3fe rgb(84,195,254)
```
#54b4fe
```
#54b4fe rgb(84,180,254)
```
#54a6fe
```
#54a6fe rgb(84,166,254)
```
#5498fe
```
#5498fe rgb(84,152,254)
```
#548afe
```
#548afe rgb(84,138,254)
```
#547cfe
```
#547cfe rgb(84,124,254)
```
#546efe
```
#546efe rgb(84,110,254)
```

Similar Colors

Text with hexadecimal color #5498fe

This text has a font color of #5498fe.

<span style="color:#5498fe;">Text here</span>

#5498fe background color

This paragraph has a background color of #5498fe.

<p style="background-color:#5498fe;">Content here</p>

#5498fe border color

This element has a border color of #5498fe.

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

CSS codes

.text {color:#5498fe;}

.background {background-color:#5498fe;}

.border {border:1px solid #5498fe;}

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

#000205
```
#000205 rgb(0,2,5)
```
#000a18
```
#000a18 rgb(0,10,24)
```
#00122c
```
#00122c rgb(0,18,44)
```
#00193f
```
#00193f rgb(0,25,63)
```
#002153
```
#002153 rgb(0,33,83)
```
#012966
```
#012966 rgb(1,41,102)
```
#01317a
```
#01317a rgb(1,49,122)
```
#01398d
```
#01398d rgb(1,57,141)
```
#0141a1
```
#0141a1 rgb(1,65,161)
```
#0149b4
```
#0149b4 rgb(1,73,180)
```
#0151c8
```
#0151c8 rgb(1,81,200)
```
#0158db
```
#0158db rgb(1,88,219)
```
#0160ef
```
#0160ef rgb(1,96,239)
```

Shade Color Variation

#0669fe
```
#0669fe rgb(6,105,254)
```
#1975fe
```
#1975fe rgb(25,117,254)
```
#2d81fe
```
#2d81fe rgb(45,129,254)
```
#408cfe
```
#408cfe rgb(64,140,254)
```
#5498fe
```
#5498fe rgb(84,152,254)
```
#68a4fe
```
#68a4fe rgb(104,164,254)
```
#7baffe
```
#7baffe rgb(123,175,254)
```
#8fbbfe
```
#8fbbfe rgb(143,187,254)
```
#a2c7fe
```
#a2c7fe rgb(162,199,254)
```
#b6d3ff
```
#b6d3ff rgb(182,211,255)
```
#c9deff
```
#c9deff rgb(201,222,255)
```
#ddeaff
```
#ddeaff rgb(221,234,255)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#a3a8af
```
#a3a8af rgb(163,168,175)
```
#9da7b5
```
#9da7b5 rgb(157,167,181)
```
#96a5bc
```
#96a5bc rgb(150,165,188)
```
#90a4c2
```
#90a4c2 rgb(144,164,194)
```
#89a3c9
```
#89a3c9 rgb(137,163,201)
```
#82a1d0
```
#82a1d0 rgb(130,161,208)
```
#7ca0d6
```
#7ca0d6 rgb(124,160,214)
```
#759fdd
```
#759fdd rgb(117,159,221)
```
#6e9de4
```
#6e9de4 rgb(110,157,228)
```
#689cea
```
#689cea rgb(104,156,234)
```
#619bf1
```
#619bf1 rgb(97,155,241)
```
#5b99f7
```
#5b99f7 rgb(91,153,247)
```
#5498fe
```
#5498fe rgb(84,152,254)
```

Tone Color Variation

Below, you can see how #5498fe 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

#8f8f8f Achromatopsia 0.005% of the population
#8391a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#719afb Protanopia 1% of men
#519efd Deuteranopia 1% of men
#00acb9 Tritanopia 0.001% of the population

Trichromacy

#6699fc Protanomaly 1% of men, 0.01% of women
#529cfd Deuteranomaly 6% of men, 0.4% of women
#1ea5d2 Tritanomaly 0.01% of the population

#5498fe hex color

#5498fe Color Information

#5498fe Color Conversion

Color Schemes with #5498fe

Alternatives to #5498fe

#5498fe Preview

Shades and Tints of #5498fe

Tones of #5498fe

Color Blindness Simulator