#396c86
Hexadecimal Color Code
R:57 G:108 B:134
H:200 S:57 B:53
L*:43.23 a*:-9.08 b*:-19.55
C:81% M:56% Y:41% K:0%
暗い青系の色
色相
#873a3a H:360 S:57 B:53
#873a47 H:350 S:57 B:53
#873a54 H:340 S:57 B:53
#873a61 H:330 S:57 B:53
#873a6d H:320 S:57 B:53
#873a7a H:310 S:57 B:53
#873a87 H:300 S:57 B:53
#7a3a87 H:290 S:57 B:53
#6d3a87 H:280 S:57 B:53
#613a87 H:270 S:57 B:53
#543a87 H:260 S:57 B:53
#473a87 H:250 S:57 B:53
#3a3a87 H:240 S:57 B:53
#3a4787 H:230 S:57 B:53
#3a5487 H:220 S:57 B:53
#3a6187 H:210 S:57 B:53
#3a6d87 H:200 S:57 B:53
#3a7a87 H:190 S:57 B:53
#3a8787 H:180 S:57 B:53
#3a877a H:170 S:57 B:53
#3a876d H:160 S:57 B:53
#3a8761 H:150 S:57 B:53
#3a8754 H:140 S:57 B:53
#3a8747 H:130 S:57 B:53
#3a873a H:120 S:57 B:53
#47873a H:110 S:57 B:53
#54873a H:100 S:57 B:53
#61873a H:90 S:57 B:53
#6d873a H:80 S:57 B:53
#7a873a H:70 S:57 B:53
#87873a H:60 S:57 B:53
#877a3a H:50 S:57 B:53
#876d3a H:40 S:57 B:53
#87613a H:30 S:57 B:53
#87543a H:20 S:57 B:53
#87473a H:10 S:57 B:53
#873a3a H:0 S:57 B:53
明度
#6ecfff H:200 S:57 B:100
#63bae6 H:200 S:57 B:90
#58a5cc H:200 S:57 B:80
#4d91b3 H:200 S:57 B:70
#427c99 H:200 S:57 B:60
#376780 H:200 S:57 B:50
#2c5366 H:200 S:57 B:40
#213e4d H:200 S:57 B:30
#162933 H:200 S:57 B:20
#0b151a H:200 S:57 B:10
#000000 H:200 S:57 B:0
彩度
#005a87 H:200 S:100 B:53
#0e5f87 H:200 S:90 B:53
#1b6387 H:200 S:80 B:53
#296887 H:200 S:70 B:53
#366c87 H:200 S:60 B:53
#447187 H:200 S:50 B:53
#517587 H:200 S:40 B:53
#5f7a87 H:200 S:30 B:53
#6c7e87 H:200 S:20 B:53
#7a8387 H:200 S:10 B:53
#878787 H:200 S:0 B:53
補色
#873a47 H:350 S:57 B:53
#87543a H:20 S:57 B:53
#877a3a H:50 S:57 B:53
類似色
#3a8754 H:140 S:57 B:53
#3a8767 H:155 S:57 B:53
#3a877a H:170 S:57 B:53
#3a8187 H:185 S:57 B:53
#3a6d87 H:200 S:57 B:53
#3a5a87 H:215 S:57 B:53
#3a4787 H:230 S:57 B:53
#413a87 H:245 S:57 B:53
#543a87 H:260 S:57 B:53
#396c86の配色パターン