お気に入り

#677e8a

Hexadecimal Color Code

灰みの青系の色

[RGB] R:103 G:126 B:138

[HSB] H:201 S:25 B:54

[L*a*b*] L*:51.42 a*:-5.42 b*:-9.23

[CMYK] C:66% M:48% Y:41% K:0%

[HSL] H:201 S:15 L:47

[OKLCH] L:57.9% C:0.032 H:230.7

[Display-P3] R:0.4217 G:0.4915 B:0.5359

[コントラスト比] Aa 白 4.26:1 △　Aa 黒 4.92:1 ○

色相 #8a6767 H:360 S:25 B:54 #8a676d H:350 S:25 B:54 #8a6773 H:340 S:25 B:54 #8a6778 H:330 S:25 B:54 #8a677e H:320 S:25 B:54 #8a6784 H:310 S:25 B:54 #8a678a H:300 S:25 B:54 #84678a H:290 S:25 B:54 #7e678a H:280 S:25 B:54 #78678a H:270 S:25 B:54 #73678a H:260 S:25 B:54 #6d678a H:250 S:25 B:54 #67678a H:240 S:25 B:54 #676d8a H:230 S:25 B:54 #67738a H:220 S:25 B:54 #67788a H:210 S:25 B:54 #677e8a H:200 S:25 B:54 #67848a H:190 S:25 B:54 #678a8a H:180 S:25 B:54 #678a84 H:170 S:25 B:54 #678a7e H:160 S:25 B:54 #678a78 H:150 S:25 B:54 #678a73 H:140 S:25 B:54 #678a6d H:130 S:25 B:54 #678a67 H:120 S:25 B:54 #6d8a67 H:110 S:25 B:54 #738a67 H:100 S:25 B:54 #788a67 H:90 S:25 B:54 #7e8a67 H:80 S:25 B:54 #848a67 H:70 S:25 B:54 #8a8a67 H:60 S:25 B:54 #8a8467 H:50 S:25 B:54 #8a7e67 H:40 S:25 B:54 #8a7867 H:30 S:25 B:54 #8a7367 H:20 S:25 B:54 #8a6d67 H:10 S:25 B:54 #8a6767 H:0 S:25 B:54
明度 #bfe9ff H:201 S:25 B:100 #acd1e6 H:201 S:25 B:90 #99bacc H:201 S:25 B:80 #86a3b3 H:201 S:25 B:70 #738c99 H:201 S:25 B:60 #607480 H:201 S:25 B:50 #4d5d66 H:201 S:25 B:40 #39464d H:201 S:25 B:30 #262f33 H:201 S:25 B:20 #13171a H:201 S:25 B:10 #000000 H:201 S:25 B:0
彩度 #005a8a H:201 S:100 B:54 #0e5e8a H:201 S:90 B:54 #1c638a H:201 S:80 B:54 #29688a H:201 S:70 B:54 #376d8a H:201 S:60 B:54 #45728a H:201 S:50 B:54 #53768a H:201 S:40 B:54 #607b8a H:201 S:30 B:54 #6e808a H:201 S:20 B:54 #7c858a H:201 S:10 B:54 #8a8a8a H:201 S:0 B:54
補色 #8a676c H:351 S:25 B:54 #8a7367 H:21 S:25 B:54 #8a8567 H:51 S:25 B:54
類似色 #678a73 H:141 S:25 B:54 #678a7c H:156 S:25 B:54 #678a85 H:171 S:25 B:54 #67868a H:186 S:25 B:54 #677e8a H:201 S:25 B:54 #67758a H:216 S:25 B:54 #676c8a H:231 S:25 B:54 #6b678a H:246 S:25 B:54 #73678a H:261 S:25 B:54

#677e8a の配色パターン

色覚シミュレーション