#345553 Color Information
In a RGB color space, hex #345553 is composed of 20.4% red, 33.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 2.4% yellow and 66.7% black. It has a hue angle of 176.4 degrees, a saturation of 24.1% and a lightness of 26.9%. #345553 color hex could be obtained by blending #68aaa6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 33
- B 33
-
- C 39
- M 0
- Y 2
- K 67
● #345553 color description : Very dark desaturated cyan.
#345553 Color Conversion
The hexadecimal color #345553 has RGB values of R:52, G:85, B:83 and CMYK values of C:0.39, M:0, Y:0.02, K:0.67. Its decimal value is 3429715.
| Hex triplet | 345553 | #345553 |
|---|---|---|
| RGB Decimal | 52, 85, 83 | rgb(52,85,83) |
| RGB Percent | 20.4, 33.3, 32.5 | rgb(20.4%,33.3%,32.5%) |
| CMYK | 39, 0, 2, 67 | |
| HSL | 176.4°, 24.1, 26.9 | hsl(176.4,24.1%,26.9%) |
| HSV (or HSB) | 176.4°, 38.8, 33.3 | |
| Web Safe | 336666 | #336666 |
| CIE-LAB | 33.671, -12.55, -2.661 |
|---|---|
| XYZ | 6.226, 7.851, 9.371 |
| xyY | 0.266, 0.335, 7.851 |
| CIE-LCH | 33.671, 12.829, 191.971 |
| CIE-LUV | 33.671, -14.937, -1.656 |
| Hunter-Lab | 28.02, -9.376, -0.214 |
| Binary | 00110100, 01010101, 01010011 |
Color Schemes with #345553
Alternatives to #345553
Below, you can see some colors close to #345553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345553 Preview
This text has a font color of #345553.
<span style="color:#345553;">Text here</span>
This paragraph has a background color of #345553.
<p style="background-color:#345553;">Content here</p>
This element has a border color of #345553.
<div style="border:1px solid #345553;">Content here</div>
.text {color:#345553;}
.background {background-color:#345553;}
.border {border:1px solid #345553;}
Shades and Tints of #345553
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, #070c0c is the darkest color, while #ffffff is the lightest one.
-
#070c0c
#070c0crgb(7,12,12) -
#0f1818
#0f1818rgb(15,24,24) -
#162423
#162423rgb(22,36,35) -
#1e302f
#1e302frgb(30,48,47) -
#253d3b
#253d3brgb(37,61,59) -
#2d4947
#2d4947rgb(45,73,71) -
#345553
#345553rgb(52,85,83) -
#3b615f
#3b615frgb(59,97,95) -
#436d6b
#436d6brgb(67,109,107) -
#4a7a77
#4a7a77rgb(74,122,119) -
#528683
#528683rgb(82,134,131) -
#59928e
#59928ergb(89,146,142) -
#619e9a
#619e9argb(97,158,154)
-
#6da6a2
#6da6a2rgb(109,166,162) -
#79adaa
#79adaargb(121,173,170) -
#85b4b2
#85b4b2rgb(133,180,178) -
#91bcb9
#91bcb9rgb(145,188,185) -
#9dc3c1
#9dc3c1rgb(157,195,193) -
#aacbc9
#aacbc9rgb(170,203,201) -
#b6d2d0
#b6d2d0rgb(182,210,208) -
#c2dad8
#c2dad8rgb(194,218,216) -
#cee1e0
#cee1e0rgb(206,225,224) -
#dae9e8
#dae9e8rgb(218,233,232) -
#e6f0ef
#e6f0efrgb(230,240,239) -
#f3f7f7
#f3f7f7rgb(243,247,247) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #345553
A tone is produced by adding gray to any pure hue. In this case, #444545 is the less saturated color, while #05847d is the most saturated one.
-
#444545
#444545rgb(68,69,69) -
#3f4a4a
#3f4a4argb(63,74,74) -
#39504e
#39504ergb(57,80,78) -
#345553
#345553rgb(52,85,83) -
#2f5a58
#2f5a58rgb(47,90,88) -
#29605c
#29605crgb(41,96,92) -
#246561
#246561rgb(36,101,97) -
#1f6a66
#1f6a66rgb(31,106,102) -
#1a6f6a
#1a6f6argb(26,111,106) -
#14756f
#14756frgb(20,117,111) -
#0f7a73
#0f7a73rgb(15,122,115) -
#0a7f78
#0a7f78rgb(10,127,120) -
#05847d
#05847drgb(5,132,125)
Color Blindness Simulator
Below, you can see how #345553 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.
