colorhexa.com

#54cbf3 hex color

In a RGB color space, hex #54cbf3 is composed of 32.9% red, 79.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 16.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 195.1 degrees, a saturation of 86.9% and a lightness of 64.1%. #54cbf3 color hex could be obtained by blending #a8ffff with #0097e7. Closest websafe color is: #66ccff.

- R 33
- G 80
- B 95
RGB color chart
- C 65
- M 16
- Y 0
- K 5
CMYK color chart

● #54cbf3 color description : Soft blue.

The hexadecimal color #54cbf3 has RGB values of R:84, G:203, B:243 and CMYK values of C:0.65, M:0.16, Y:0, K:0.05. Its decimal value is 5557235.

Hex triplet	54cbf3	`#54cbf3`
RGB Decimal	84, 203, 243	`rgb(84,203,243)`
RGB Percent	32.9, 79.6, 95.3	`rgb(32.9%,79.6%,95.3%)`
CMYK	65, 16, 0, 5
HSL	195.1°, 86.9, 64.1	`hsl(195.1,86.9%,64.1%)`
HSV (or HSB)	195.1°, 65.4, 95.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.718, -21.287, -29.543
XYZ	41.185, 51.064, 92.475
xyY	0.223, 0.276, 51.064
CIE-LCH	76.718, 36.413, 234.226
CIE-LUV	76.718, -45.822, -44.476
Hunter-Lab	71.459, -22.176, -26.705
Binary	01010100, 11001011, 11110011

#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#f37c54
```
#f37c54 rgb(243,124,84)
```

Complementary Color

#54f3cc
```
#54f3cc rgb(84,243,204)
```
#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#547cf3
```
#547cf3 rgb(84,124,243)
```

Analogous Color

#f3cc54
```
#f3cc54 rgb(243,204,84)
```
#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#f3547c
```
#f3547c rgb(243,84,124)
```

Split Complementary Color

#cbf354
```
#cbf354 rgb(203,243,84)
```
#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#f354cb
```
#f354cb rgb(243,84,203)
```

Triadic Color

#54f37c
```
#54f37c rgb(84,243,124)
```
#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#f354cb
```
#f354cb rgb(243,84,203)
```
#f37c54
```
#f37c54 rgb(243,124,84)
```

Tetradic Color

#10b3ea
```
#10b3ea rgb(16,179,234)
```
#24bdf0
```
#24bdf0 rgb(36,189,240)
```
#3cc4f1
```
#3cc4f1 rgb(60,196,241)
```
#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#6cd2f5
```
#6cd2f5 rgb(108,210,245)
```
#84d9f6
```
#84d9f6 rgb(132,217,246)
```
#9be1f8
```
#9be1f8 rgb(155,225,248)
```

Monochromatic Color

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

#54f3f3
```
#54f3f3 rgb(84,243,243)
```
#54e6f3
```
#54e6f3 rgb(84,230,243)
```
#54d8f3
```
#54d8f3 rgb(84,216,243)
```
#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#54bef3
```
#54bef3 rgb(84,190,243)
```
#54b1f3
```
#54b1f3 rgb(84,177,243)
```
#54a3f3
```
#54a3f3 rgb(84,163,243)
```

Similar Colors

Text with hexadecimal color #54cbf3

This text has a font color of #54cbf3.

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

#54cbf3 background color

This paragraph has a background color of #54cbf3.

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

#54cbf3 border color

This element has a border color of #54cbf3.

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

CSS codes

.text {color:#54cbf3;}

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

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

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

#01090c
```
#01090c rgb(1,9,12)
```
#02171f
```
#02171f rgb(2,23,31)
```
#032531
```
#032531 rgb(3,37,49)
```
#053443
```
#053443 rgb(5,52,67)
```
#064256
```
#064256 rgb(6,66,86)
```
#075068
```
#075068 rgb(7,80,104)
```
#095e7a
```
#095e7a rgb(9,94,122)
```
#0a6c8d
```
#0a6c8d rgb(10,108,141)
```
#0b7a9f
```
#0b7a9f rgb(11,122,159)
```
#0c88b1
```
#0c88b1 rgb(12,136,177)
```
#0e96c4
```
#0e96c4 rgb(14,150,196)
```
#0fa4d6
```
#0fa4d6 rgb(15,164,214)
```
#10b2e8
```
#10b2e8 rgb(16,178,232)
```

Shade Color Variation

#1dbaef
```
#1dbaef rgb(29,186,239)
```
#2fc0f0
```
#2fc0f0 rgb(47,192,240)
```
#42c5f2
```
#42c5f2 rgb(66,197,242)
```
#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#66d1f4
```
#66d1f4 rgb(102,209,244)
```
#79d6f6
```
#79d6f6 rgb(121,214,246)
```
#8bdcf7
```
#8bdcf7 rgb(139,220,247)
```
#9de1f8
```
#9de1f8 rgb(157,225,248)
```
#b0e7f9
```
#b0e7f9 rgb(176,231,249)
```
#c2ecfb
```
#c2ecfb rgb(194,236,251)
```
#d4f2fc
```
#d4f2fc rgb(212,242,252)
```
#e7f8fd
```
#e7f8fd rgb(231,248,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#a1a5a6
```
#a1a5a6 rgb(161,165,166)
```
#9aa8ad
```
#9aa8ad rgb(154,168,173)
```
#93acb4
```
#93acb4 rgb(147,172,180)
```
#8cafbb
```
#8cafbb rgb(140,175,187)
```
#85b3c2
```
#85b3c2 rgb(133,179,194)
```
#7eb6c9
```
#7eb6c9 rgb(126,182,201)
```
#77bad0
```
#77bad0 rgb(119,186,208)
```
#70bdd7
```
#70bdd7 rgb(112,189,215)
```
#69c1de
```
#69c1de rgb(105,193,222)
```
#62c4e5
```
#62c4e5 rgb(98,196,229)
```
#5bc8ec
```
#5bc8ec rgb(91,200,236)
```
#54cbf3
```
#54cbf3 rgb(84,203,243)
```
#4dcefa
```
#4dcefa rgb(77,206,250)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9ab2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5beea Protanopia 1% of men
#b1bef9 Deuteranopia 1% of men
#4fd1e0 Tritanopia 0.001% of the population

Trichromacy

#92c3ed Protanomaly 1% of men, 0.01% of women
#8fc2f7 Deuteranomaly 6% of men, 0.4% of women
#50cee7 Tritanomaly 0.01% of the population