#548283 Color Information
In a RGB color space, hex #548283 is composed of 32.9% red, 51% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.9% cyan, 0.8% magenta, 0% yellow and 48.6% black. It has a hue angle of 181.3 degrees, a saturation of 21.9% and a lightness of 42.2%. #548283 color hex could be obtained by blending #a8ffff with #000507. Closest websafe color is: #669999.
-
- R 33
- G 51
- B 51
-
- C 36
- M 1
- Y 0
- K 49
● #548283 color description : Mostly desaturated dark cyan.
#548283 Color Conversion
The hexadecimal color #548283 has RGB values of R:84, G:130, B:131 and CMYK values of C:0.36, M:0.01, Y:0, K:0.49. Its decimal value is 5538435.
| Hex triplet | 548283 | #548283 |
|---|---|---|
| RGB Decimal | 84, 130, 131 | rgb(84,130,131) |
| RGB Percent | 32.9, 51, 51.4 | rgb(32.9%,51%,51.4%) |
| CMYK | 36, 1, 0, 49 | |
| HSL | 181.3°, 21.9, 42.2 | hsl(181.3,21.9%,42.2%) |
| HSV (or HSB) | 181.3°, 35.9, 51.4 | |
| Web Safe | 669999 | #669999 |
| CIE-LAB | 51.253, -15.344, -5.533 |
|---|---|
| XYZ | 15.734, 19.488, 24.404 |
| xyY | 0.264, 0.327, 19.488 |
| CIE-LCH | 51.253, 16.311, 199.83 |
| CIE-LUV | 51.253, -21.831, -5.538 |
| Hunter-Lab | 44.145, -13.632, -1.874 |
| Binary | 01010100, 10000010, 10000011 |
Color Schemes with #548283
Alternatives to #548283
Below, you can see some colors close to #548283. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548283 Preview
This text has a font color of #548283.
<span style="color:#548283;">Text here</span>
This paragraph has a background color of #548283.
<p style="background-color:#548283;">Content here</p>
This element has a border color of #548283.
<div style="border:1px solid #548283;">Content here</div>
.text {color:#548283;}
.background {background-color:#548283;}
.border {border:1px solid #548283;}
Shades and Tints of #548283
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, #070b0b is the darkest color, while #ffffff is the lightest one.
-
#070b0b
#070b0brgb(7,11,11) -
#0f1717
#0f1717rgb(15,23,23) -
#172323
#172323rgb(23,35,35) -
#1e2f2f
#1e2f2frgb(30,47,47) -
#263b3b
#263b3brgb(38,59,59) -
#2e4747
#2e4747rgb(46,71,71) -
#355353
#355353rgb(53,83,83) -
#3d5e5f
#3d5e5frgb(61,94,95) -
#456a6b
#456a6brgb(69,106,107) -
#4c7677
#4c7677rgb(76,118,119) -
#548283
#548283rgb(84,130,131) -
#5c8e8f
#5c8e8frgb(92,142,143) -
#639a9b
#639a9brgb(99,154,155)
-
#6fa2a3
#6fa2a3rgb(111,162,163) -
#7ba9aa
#7ba9aargb(123,169,170) -
#87b1b2
#87b1b2rgb(135,177,178) -
#93b9ba
#93b9bargb(147,185,186) -
#9fc1c1
#9fc1c1rgb(159,193,193) -
#abc8c9
#abc8c9rgb(171,200,201) -
#b7d0d1
#b7d0d1rgb(183,208,209) -
#c3d8d8
#c3d8d8rgb(195,216,216) -
#cfe0e0
#cfe0e0rgb(207,224,224) -
#dbe7e8
#dbe7e8rgb(219,231,232) -
#e7efef
#e7efefrgb(231,239,239) -
#f3f7f7
#f3f7f7rgb(243,247,247) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #548283
A tone is produced by adding gray to any pure hue. In this case, #657272 is the less saturated color, while #01d1d6 is the most saturated one.
-
#657272
#657272rgb(101,114,114) -
#5c7a7b
#5c7a7brgb(92,122,123) -
#548283
#548283rgb(84,130,131) -
#4c8a8b
#4c8a8brgb(76,138,139) -
#439294
#439294rgb(67,146,148) -
#3b9a9c
#3b9a9crgb(59,154,156) -
#33a2a4
#33a2a4rgb(51,162,164) -
#2baaac
#2baaacrgb(43,170,172) -
#22b2b5
#22b2b5rgb(34,178,181) -
#1ab9bd
#1ab9bdrgb(26,185,189) -
#12c1c5
#12c1c5rgb(18,193,197) -
#0ac9cd
#0ac9cdrgb(10,201,205) -
#01d1d6
#01d1d6rgb(1,209,214)
Color Blindness Simulator
Below, you can see how #548283 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.
