#558e7c

Hexadecimal Color Code

灰みの緑系の色

[RGB] R:85 G:142 B:124

[HSB] H:161 S:40 B:56

[L*a*b*] L*:54.79 a*:-23.12 b*:3.72

[CMYK] C:71% M:35% Y:57% K:0%

[HSL] H:161 S:25 L:45

[OKLCH] L:60.2% C:0.067 H:171.8

[Display-P3] R:0.3852 G:0.5512 B:0.4897

[コントラスト比] Aa 白 3.78:1 △　Aa 黒 5.54:1 ○

色相 #8f5656 H:360 S:40 B:56 #8f565f H:350 S:40 B:56 #8f5669 H:340 S:40 B:56 #8f5672 H:330 S:40 B:56 #8f567c H:320 S:40 B:56 #8f5685 H:310 S:40 B:56 #8f568f H:300 S:40 B:56 #85568f H:290 S:40 B:56 #7c568f H:280 S:40 B:56 #72568f H:270 S:40 B:56 #69568f H:260 S:40 B:56 #5f568f H:250 S:40 B:56 #56568f H:240 S:40 B:56 #565f8f H:230 S:40 B:56 #56698f H:220 S:40 B:56 #56728f H:210 S:40 B:56 #567c8f H:200 S:40 B:56 #56858f H:190 S:40 B:56 #568f8f H:180 S:40 B:56 #568f85 H:170 S:40 B:56 #568f7c H:160 S:40 B:56 #568f72 H:150 S:40 B:56 #568f69 H:140 S:40 B:56 #568f5f H:130 S:40 B:56 #568f56 H:120 S:40 B:56 #5f8f56 H:110 S:40 B:56 #698f56 H:100 S:40 B:56 #728f56 H:90 S:40 B:56 #7c8f56 H:80 S:40 B:56 #858f56 H:70 S:40 B:56 #8f8f56 H:60 S:40 B:56 #8f8556 H:50 S:40 B:56 #8f7c56 H:40 S:40 B:56 #8f7256 H:30 S:40 B:56 #8f6956 H:20 S:40 B:56 #8f5f56 H:10 S:40 B:56 #8f5656 H:0 S:40 B:56
明度 #99ffdf H:161 S:40 B:100 #8ae6c8 H:161 S:40 B:90 #7accb2 H:161 S:40 B:80 #6bb39c H:161 S:40 B:70 #5c9986 H:161 S:40 B:60 #4d806f H:161 S:40 B:50 #3d6659 H:161 S:40 B:40 #2e4d43 H:161 S:40 B:30 #1f332d H:161 S:40 B:20 #0f1a16 H:161 S:40 B:10 #000000 H:161 S:40 B:0
彩度 #008f62 H:161 S:100 B:56 #0e8f66 H:161 S:90 B:56 #1d8f6b H:161 S:80 B:56 #2b8f6f H:161 S:70 B:56 #398f74 H:161 S:60 B:56 #478f78 H:161 S:50 B:56 #568f7d H:161 S:40 B:56 #648f81 H:161 S:30 B:56 #728f86 H:161 S:20 B:56 #818f8a H:161 S:10 B:56 #8f8f8f H:161 S:0 B:56
補色 #8f5684 H:311 S:40 B:56 #8f5668 H:341 S:40 B:56 #8f6056 H:11 S:40 B:56
類似色 #688f56 H:101 S:40 B:56 #598f56 H:116 S:40 B:56 #568f60 H:131 S:40 B:56 #568f6e H:146 S:40 B:56 #568f7d H:161 S:40 B:56 #568f8b H:176 S:40 B:56 #56848f H:191 S:40 B:56 #56768f H:206 S:40 B:56 #56688f H:221 S:40 B:56

#558e7c の配色パターン