お気に入り

#657ef5

Hexadecimal Color Code

軽い青紫系の色

[RGB] R:101 G:126 B:245

[HSB] H:230 S:59 B:96

[L*a*b*] L*:56.36 a*:25.85 b*:-62.58

[CMYK] C:68% M:52% Y:0% K:0%

[HSL] H:230 S:88 L:68

[OKLCH] L:63.4% C:0.179 H:271.5

[Display-P3] R:0.4156 G:0.4912 B:0.9303

[コントラスト比] Aa 白 3.58:1 △　Aa 黒 5.85:1 ○

色相 #f56464 H:360 S:59 B:96 #f5647c H:350 S:59 B:96 #f56495 H:340 S:59 B:96 #f564ad H:330 S:59 B:96 #f564c5 H:320 S:59 B:96 #f564dd H:310 S:59 B:96 #f564f5 H:300 S:59 B:96 #dd64f5 H:290 S:59 B:96 #c564f5 H:280 S:59 B:96 #ad64f5 H:270 S:59 B:96 #9564f5 H:260 S:59 B:96 #7c64f5 H:250 S:59 B:96 #6464f5 H:240 S:59 B:96 #647cf5 H:230 S:59 B:96 #6495f5 H:220 S:59 B:96 #64adf5 H:210 S:59 B:96 #64c5f5 H:200 S:59 B:96 #64ddf5 H:190 S:59 B:96 #64f5f5 H:180 S:59 B:96 #64f5dd H:170 S:59 B:96 #64f5c5 H:160 S:59 B:96 #64f5ad H:150 S:59 B:96 #64f595 H:140 S:59 B:96 #64f57c H:130 S:59 B:96 #64f564 H:120 S:59 B:96 #7cf564 H:110 S:59 B:96 #95f564 H:100 S:59 B:96 #adf564 H:90 S:59 B:96 #c5f564 H:80 S:59 B:96 #ddf564 H:70 S:59 B:96 #f5f564 H:60 S:59 B:96 #f5dd64 H:50 S:59 B:96 #f5c564 H:40 S:59 B:96 #f5ad64 H:30 S:59 B:96 #f59564 H:20 S:59 B:96 #f57c64 H:10 S:59 B:96 #f56464 H:0 S:59 B:96
明度 #6982ff H:230 S:59 B:100 #5e75e6 H:230 S:59 B:90 #5468cc H:230 S:59 B:80 #495bb3 H:230 S:59 B:70 #3f4e99 H:230 S:59 B:60 #344180 H:230 S:59 B:50 #2a3466 H:230 S:59 B:40 #1f274d H:230 S:59 B:30 #151a33 H:230 S:59 B:20 #0a0d1a H:230 S:59 B:10 #000000 H:230 S:59 B:0
彩度 #0029f5 H:230 S:100 B:96 #183df5 H:230 S:90 B:96 #3152f5 H:230 S:80 B:96 #4966f5 H:230 S:70 B:96 #627af5 H:230 S:60 B:96 #7a8ff5 H:230 S:50 B:96 #93a3f5 H:230 S:40 B:96 #abb8f5 H:230 S:30 B:96 #c4ccf5 H:230 S:20 B:96 #dce0f5 H:230 S:10 B:96 #f5f5f5 H:230 S:0 B:96
補色 #f59564 H:20 S:59 B:96 #f5dd64 H:50 S:59 B:96 #c5f564 H:80 S:59 B:96
類似色 #64f5dd H:170 S:59 B:96 #64e9f5 H:185 S:59 B:96 #64c5f5 H:200 S:59 B:96 #64a1f5 H:215 S:59 B:96 #647cf5 H:230 S:59 B:96 #7064f5 H:245 S:59 B:96 #9564f5 H:260 S:59 B:96 #b964f5 H:275 S:59 B:96 #dd64f5 H:290 S:59 B:96

#657ef5 の配色パターン

色覚シミュレーション