#54b3fd hex color

In a RGB color space, hex #54b3fd is composed of 32.9% red, 70.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 29.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 206.3 degrees, a saturation of 97.7% and a lightness of 66.1%. #54b3fd color hex could be obtained by blending #a8ffff with #0067fb. Closest websafe color is: #66ccff.

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

● #54b3fd color description : Soft blue.

The hexadecimal color #54b3fd has RGB values of R:84, G:179, B:253 and CMYK values of C:0.67, M:0.29, Y:0, K:0.01. Its decimal value is 5551101.

Hex triplet	54b3fd	`#54b3fd`
RGB Decimal	84, 179, 253	`rgb(84,179,253)`
RGB Percent	32.9, 70.2, 99.2	`rgb(32.9%,70.2%,99.2%)`
CMYK	67, 29, 0, 1
HSL	206.3°, 97.7, 66.1	`hsl(206.3,97.7%,66.1%)`
HSV (or HSB)	206.3°, 66.8, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.326, -5.368, -44.855
XYZ	37.502, 41.214, 98.902
xyY	0.211, 0.232, 41.214
CIE-LCH	70.326, 45.175, 263.175
CIE-LUV	70.326, -36.879, -72.113
Hunter-Lab	64.198, -8.075, -46.402
Binary	01010100, 10110011, 11111101

#54b3fd
```
#54b3fd rgb(84,179,253)
```
#fd9e54
```
#fd9e54 rgb(253,158,84)
```

Complementary Color

#54fdf3
```
#54fdf3 rgb(84,253,243)
```
#54b3fd
```
#54b3fd rgb(84,179,253)
```
#545ffd
```
#545ffd rgb(84,95,253)
```

Analogous Color

#fdf354
```
#fdf354 rgb(253,243,84)
```
#54b3fd
```
#54b3fd rgb(84,179,253)
```
#fd545f
```
#fd545f rgb(253,84,95)
```

Split Complementary Color

#b3fd54
```
#b3fd54 rgb(179,253,84)
```
#54b3fd
```
#54b3fd rgb(84,179,253)
```
#fd54b3
```
#fd54b3 rgb(253,84,179)
```

Triadic Color

#54fd9e
```
#54fd9e rgb(84,253,158)
```
#54b3fd
```
#54b3fd rgb(84,179,253)
```
#fd54b3
```
#fd54b3 rgb(253,84,179)
```
#fd9e54
```
#fd9e54 rgb(253,158,84)
```

Tetradic Color

#0891fc
```
#0891fc rgb(8,145,252)
```
#229dfc
```
#229dfc rgb(34,157,252)
```
#3ba8fd
```
#3ba8fd rgb(59,168,253)
```
#54b3fd
```
#54b3fd rgb(84,179,253)
```
#6dbefd
```
#6dbefd rgb(109,190,253)
```
#86c9fe
```
#86c9fe rgb(134,201,254)
```
#a0d5fe
```
#a0d5fe rgb(160,213,254)
```

Monochromatic Color

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

#54ddfd
```
#54ddfd rgb(84,221,253)
```
#54cffd
```
#54cffd rgb(84,207,253)
```
#54c1fd
```
#54c1fd rgb(84,193,253)
```
#54b3fd
```
#54b3fd rgb(84,179,253)
```
#54a5fd
```
#54a5fd rgb(84,165,253)
```
#5497fd
```
#5497fd rgb(84,151,253)
```
#5489fd
```
#5489fd rgb(84,137,253)
```

Similar Colors

Text with hexadecimal color #54b3fd

This text has a font color of #54b3fd.

<span style="color:#54b3fd;">Text here</span>

#54b3fd background color

This paragraph has a background color of #54b3fd.

<p style="background-color:#54b3fd;">Content here</p>

#54b3fd border color

This element has a border color of #54b3fd.

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

CSS codes

.text {color:#54b3fd;}

.background {background-color:#54b3fd;}

.border {border:1px solid #54b3fd;}

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

#000203
```
#000203 rgb(0,2,3)
```
#000d17
```
#000d17 rgb(0,13,23)
```
#00182a
```
#00182a rgb(0,24,42)
```
#01233e
```
#01233e rgb(1,35,62)
```
#012e51
```
#012e51 rgb(1,46,81)
```
#013964
```
#013964 rgb(1,57,100)
```
#014478
```
#014478 rgb(1,68,120)
```
#024f8b
```
#024f8b rgb(2,79,139)
```
#025a9f
```
#025a9f rgb(2,90,159)
```
#0265b2
```
#0265b2 rgb(2,101,178)
```
#0270c5
```
#0270c5 rgb(2,112,197)
```
#037bd9
```
#037bd9 rgb(3,123,217)
```
#0386ec
```
#0386ec rgb(3,134,236)
```

Shade Color Variation

#0691fc
```
#0691fc rgb(6,145,252)
```
#1a99fc
```
#1a99fc rgb(26,153,252)
```
#2da2fd
```
#2da2fd rgb(45,162,253)
```
#41aafd
```
#41aafd rgb(65,170,253)
```
#54b3fd
```
#54b3fd rgb(84,179,253)
```
#67bcfd
```
#67bcfd rgb(103,188,253)
```
#7bc4fd
```
#7bc4fd rgb(123,196,253)
```
#8ecdfe
```
#8ecdfe rgb(142,205,254)
```
#a2d5fe
```
#a2d5fe rgb(162,213,254)
```
#b5defe
```
#b5defe rgb(181,222,254)
```
#c8e7fe
```
#c8e7fe rgb(200,231,254)
```
#dcefff
```
#dcefff rgb(220,239,255)
```
#eff8ff
```
#eff8ff rgb(239,248,255)
```

Tint Color Variation

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

#a4a9ad
```
#a4a9ad rgb(164,169,173)
```
#9daab4
```
#9daab4 rgb(157,170,180)
```
#97abba
```
#97abba rgb(151,171,186)
```
#90acc1
```
#90acc1 rgb(144,172,193)
```
#89acc8
```
#89acc8 rgb(137,172,200)
```
#83adce
```
#83adce rgb(131,173,206)
```
#7caed5
```
#7caed5 rgb(124,174,213)
```
#75afdc
```
#75afdc rgb(117,175,220)
```
#6fb0e2
```
#6fb0e2 rgb(111,176,226)
```
#68b1e9
```
#68b1e9 rgb(104,177,233)
```
#61b1f0
```
#61b1f0 rgb(97,177,240)
```
#5bb2f6
```
#5bb2f6 rgb(91,178,246)
```
#54b3fd
```
#54b3fd rgb(84,179,253)
```

Tone Color Variation

Below, you can see how #54b3fd 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

#9f9f9f Achromatopsia 0.005% of the population
#90a3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97adf6 Protanopia 1% of men
#88afff Deuteranopia 1% of men
#33c0ce Tritanopia 0.001% of the population

Trichromacy

#7eaff8 Protanomaly 1% of men, 0.01% of women
#75b0fe Deuteranomaly 6% of men, 0.4% of women
#3fbbdf Tritanomaly 0.01% of the population

#54b3fd hex color

#54b3fd Color Information

#54b3fd Color Conversion

Color Schemes with #54b3fd

Alternatives to #54b3fd

#54b3fd Preview

Shades and Tints of #54b3fd

Tones of #54b3fd

Color Blindness Simulator