#677ef3
Hexadecimal Color Code
R:103 G:126 B:243
H:230 S:58 B:95
L*:56.36 a*:25.58 b*:-61.48
C:68% M:52% Y:0% K:0%
柔らかい青紫系の色
色相
#f26666 H:360 S:58 B:95
#f2667d H:350 S:58 B:95
#f26695 H:340 S:58 B:95
#f266ac H:330 S:58 B:95
#f266c3 H:320 S:58 B:95
#f266db H:310 S:58 B:95
#f266f2 H:300 S:58 B:95
#db66f2 H:290 S:58 B:95
#c366f2 H:280 S:58 B:95
#ac66f2 H:270 S:58 B:95
#9566f2 H:260 S:58 B:95
#7d66f2 H:250 S:58 B:95
#6666f2 H:240 S:58 B:95
#667df2 H:230 S:58 B:95
#6695f2 H:220 S:58 B:95
#66acf2 H:210 S:58 B:95
#66c3f2 H:200 S:58 B:95
#66dbf2 H:190 S:58 B:95
#66f2f2 H:180 S:58 B:95
#66f2db H:170 S:58 B:95
#66f2c3 H:160 S:58 B:95
#66f2ac H:150 S:58 B:95
#66f295 H:140 S:58 B:95
#66f27d H:130 S:58 B:95
#66f266 H:120 S:58 B:95
#7df266 H:110 S:58 B:95
#95f266 H:100 S:58 B:95
#acf266 H:90 S:58 B:95
#c3f266 H:80 S:58 B:95
#dbf266 H:70 S:58 B:95
#f2f266 H:60 S:58 B:95
#f2db66 H:50 S:58 B:95
#f2c366 H:40 S:58 B:95
#f2ac66 H:30 S:58 B:95
#f29566 H:20 S:58 B:95
#f27d66 H:10 S:58 B:95
#f26666 H:0 S:58 B:95
明度
#6b84ff H:230 S:58 B:100
#6077e6 H:230 S:58 B:90
#5669cc H:230 S:58 B:80
#4b5cb3 H:230 S:58 B:70
#404f99 H:230 S:58 B:60
#364280 H:230 S:58 B:50
#2b3566 H:230 S:58 B:40
#20284d H:230 S:58 B:30
#151a33 H:230 S:58 B:20
#0b0d1a H:230 S:58 B:10
#000000 H:230 S:58 B:0
彩度
#0028f2 H:230 S:100 B:95
#183df2 H:230 S:90 B:95
#3051f2 H:230 S:80 B:95
#4965f2 H:230 S:70 B:95
#6179f2 H:230 S:60 B:95
#798df2 H:230 S:50 B:95
#91a2f2 H:230 S:40 B:95
#aab6f2 H:230 S:30 B:95
#c2caf2 H:230 S:20 B:95
#dadef2 H:230 S:10 B:95
#f2f2f2 H:230 S:0 B:95
補色
#f29566 H:20 S:58 B:95
#f2db66 H:50 S:58 B:95
#c3f266 H:80 S:58 B:95
類似色
#66f2db H:170 S:58 B:95
#66e7f2 H:185 S:58 B:95
#66c3f2 H:200 S:58 B:95
#66a0f2 H:215 S:58 B:95
#667df2 H:230 S:58 B:95
#7166f2 H:245 S:58 B:95
#9566f2 H:260 S:58 B:95
#b866f2 H:275 S:58 B:95
#db66f2 H:290 S:58 B:95
#677ef3の配色パターン