#54cafd hex color

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

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

● #54cafd color description : Soft blue.

The hexadecimal color #54cafd has RGB values of R:84, G:202, B:253 and CMYK values of C:0.67, M:0.2, Y:0, K:0.01. Its decimal value is 5556989.

Hex triplet	54cafd	`#54cafd`
RGB Decimal	84, 202, 253	`rgb(84,202,253)`
RGB Percent	32.9, 79.2, 99.2	`rgb(32.9%,79.2%,99.2%)`
CMYK	67, 20, 0, 1
HSL	198.1°, 97.7, 66.1	`hsl(198.1,97.7%,66.1%)`
HSV (or HSB)	198.1°, 66.8, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.809, -17.689, -34.759
XYZ	42.502, 51.214, 100.569
xyY	0.219, 0.264, 51.214
CIE-LCH	76.809, 39.001, 243.029
CIE-LUV	76.809, -44.947, -53.909
Hunter-Lab	71.564, -19.227, -33.225
Binary	01010100, 11001010, 11111101

#54cafd
```
#54cafd rgb(84,202,253)
```
#fd8754
```
#fd8754 rgb(253,135,84)
```

Complementary Color

#54fddc
```
#54fddc rgb(84,253,220)
```
#54cafd
```
#54cafd rgb(84,202,253)
```
#5476fd
```
#5476fd rgb(84,118,253)
```

Analogous Color

#fddc54
```
#fddc54 rgb(253,220,84)
```
#54cafd
```
#54cafd rgb(84,202,253)
```
#fd5476
```
#fd5476 rgb(253,84,118)
```

Split Complementary Color

#cafd54
```
#cafd54 rgb(202,253,84)
```
#54cafd
```
#54cafd rgb(84,202,253)
```
#fd54ca
```
#fd54ca rgb(253,84,202)
```

Triadic Color

#54fd87
```
#54fd87 rgb(84,253,135)
```
#54cafd
```
#54cafd rgb(84,202,253)
```
#fd54ca
```
#fd54ca rgb(253,84,202)
```
#fd8754
```
#fd8754 rgb(253,135,84)
```

Tetradic Color

#08b3fc
```
#08b3fc rgb(8,179,252)
```
#22bafc
```
#22bafc rgb(34,186,252)
```
#3bc2fd
```
#3bc2fd rgb(59,194,253)
```
#54cafd
```
#54cafd rgb(84,202,253)
```
#6dd2fd
```
#6dd2fd rgb(109,210,253)
```
#86dafe
```
#86dafe rgb(134,218,254)
```
#a0e1fe
```
#a0e1fe rgb(160,225,254)
```

Monochromatic Color

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

#54f4fd
```
#54f4fd rgb(84,244,253)
```
#54e6fd
```
#54e6fd rgb(84,230,253)
```
#54d8fd
```
#54d8fd rgb(84,216,253)
```
#54cafd
```
#54cafd rgb(84,202,253)
```
#54bcfd
```
#54bcfd rgb(84,188,253)
```
#54aefd
```
#54aefd rgb(84,174,253)
```
#54a0fd
```
#54a0fd rgb(84,160,253)
```

Similar Colors

Text with hexadecimal color #54cafd

This text has a font color of #54cafd.

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

#54cafd background color

This paragraph has a background color of #54cafd.

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

#54cafd border color

This element has a border color of #54cafd.

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

CSS codes

.text {color:#54cafd;}

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

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

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 #effaff is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#001017
```
#001017 rgb(0,16,23)
```
#001e2a
```
#001e2a rgb(0,30,42)
```
#012b3e
```
#012b3e rgb(1,43,62)
```
#013951
```
#013951 rgb(1,57,81)
```
#014664
```
#014664 rgb(1,70,100)
```
#015478
```
#015478 rgb(1,84,120)
```
#02628b
```
#02628b rgb(2,98,139)
```
#026f9f
```
#026f9f rgb(2,111,159)
```
#027db2
```
#027db2 rgb(2,125,178)
```
#028bc5
```
#028bc5 rgb(2,139,197)
```
#0398d9
```
#0398d9 rgb(3,152,217)
```
#03a6ec
```
#03a6ec rgb(3,166,236)
```

Shade Color Variation

#06b2fc
```
#06b2fc rgb(6,178,252)
```
#1ab8fc
```
#1ab8fc rgb(26,184,252)
```
#2dbefd
```
#2dbefd rgb(45,190,253)
```
#41c4fd
```
#41c4fd rgb(65,196,253)
```
#54cafd
```
#54cafd rgb(84,202,253)
```
#67d0fd
```
#67d0fd rgb(103,208,253)
```
#7bd6fd
```
#7bd6fd rgb(123,214,253)
```
#8edcfe
```
#8edcfe rgb(142,220,254)
```
#a2e2fe
```
#a2e2fe rgb(162,226,254)
```
#b5e8fe
```
#b5e8fe rgb(181,232,254)
```
#c8eefe
```
#c8eefe rgb(200,238,254)
```
#dcf4ff
```
#dcf4ff rgb(220,244,255)
```
#effaff
```
#effaff rgb(239,250,255)
```

Tint Color Variation

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

#a4aaad
```
#a4aaad rgb(164,170,173)
```
#9dadb4
```
#9dadb4 rgb(157,173,180)
```
#97b0ba
```
#97b0ba rgb(151,176,186)
```
#90b2c1
```
#90b2c1 rgb(144,178,193)
```
#89b5c8
```
#89b5c8 rgb(137,181,200)
```
#83b8ce
```
#83b8ce rgb(131,184,206)
```
#7cbad5
```
#7cbad5 rgb(124,186,213)
```
#75bddc
```
#75bddc rgb(117,189,220)
```
#6fbfe2
```
#6fbfe2 rgb(111,191,226)
```
#68c2e9
```
#68c2e9 rgb(104,194,233)
```
#61c5f0
```
#61c5f0 rgb(97,197,240)
```
#5bc7f6
```
#5bc7f6 rgb(91,199,246)
```
#54cafd
```
#54cafd rgb(84,202,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9bb3bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bef3 Protanopia 1% of men
#abbeff Deuteranopia 1% of men
#47d1e1 Tritanopia 0.001% of the population

Trichromacy

#8fc2f7 Protanomaly 1% of men, 0.01% of women
#8bc2fe Deuteranomaly 6% of men, 0.4% of women
#4bcfeb Tritanomaly 0.01% of the population

#54cafd hex color

#54cafd Color Information

#54cafd Color Conversion

Color Schemes with #54cafd

Alternatives to #54cafd

#54cafd Preview

Shades and Tints of #54cafd

Tones of #54cafd

Color Blindness Simulator