#686ce3

Hexadecimal Color Code

柔らかい青紫系の色

[RGB] R:104 G:108 B:227

[HSB] H:238 S:54 B:89

[Lab] L:50.93 a:31.55 b:-61.26

[CMYK] C:71% M:61% Y:0% K:0%

[HSL] H:238 S:69 L:65

[OKLCH] L:58.9% C:0.177 H:278

[Display-P3] R:0.4107 G:0.423 B:0.8611

[コントラスト比] Aa 白 4.33:1 △　Aa 黒 4.84:1 ○

色相 #e36868 H:360 S:54 B:89 #e3687d H:350 S:54 B:89 #e36891 H:340 S:54 B:89 #e368a6 H:330 S:54 B:89 #e368ba H:320 S:54 B:89 #e368cf H:310 S:54 B:89 #e368e3 H:300 S:54 B:89 #cf68e3 H:290 S:54 B:89 #ba68e3 H:280 S:54 B:89 #a668e3 H:270 S:54 B:89 #9168e3 H:260 S:54 B:89 #7d68e3 H:250 S:54 B:89 #6868e3 H:240 S:54 B:89 #687de3 H:230 S:54 B:89 #6891e3 H:220 S:54 B:89 #68a6e3 H:210 S:54 B:89 #68bae3 H:200 S:54 B:89 #68cfe3 H:190 S:54 B:89 #68e3e3 H:180 S:54 B:89 #68e3cf H:170 S:54 B:89 #68e3ba H:160 S:54 B:89 #68e3a6 H:150 S:54 B:89 #68e391 H:140 S:54 B:89 #68e37d H:130 S:54 B:89 #68e368 H:120 S:54 B:89 #7de368 H:110 S:54 B:89 #91e368 H:100 S:54 B:89 #a6e368 H:90 S:54 B:89 #bae368 H:80 S:54 B:89 #cfe368 H:70 S:54 B:89 #e3e368 H:60 S:54 B:89 #e3cf68 H:50 S:54 B:89 #e3ba68 H:40 S:54 B:89 #e3a668 H:30 S:54 B:89 #e39168 H:20 S:54 B:89 #e37d68 H:10 S:54 B:89 #e36868 H:0 S:54 B:89

明度 #757aff H:238 S:54 B:100 #6a6ee6 H:238 S:54 B:90 #5e62cc H:238 S:54 B:80 #5255b3 H:238 S:54 B:70 #464999 H:238 S:54 B:60 #3b3d80 H:238 S:54 B:50 #2f3166 H:238 S:54 B:40 #23254d H:238 S:54 B:30 #171833 H:238 S:54 B:20 #0c0c1a H:238 S:54 B:10 #000000 H:238 S:54 B:0

彩度 #0008e3 H:238 S:100 B:89 #171ee3 H:238 S:90 B:89 #2d33e3 H:238 S:80 B:89 #4449e3 H:238 S:70 B:89 #5b5fe3 H:238 S:60 B:89 #7175e3 H:238 S:50 B:89 #888be3 H:238 S:40 B:89 #9fa1e3 H:238 S:30 B:89 #b6b7e3 H:238 S:20 B:89 #cccde3 H:238 S:10 B:89 #e3e3e3 H:238 S:0 B:89

補色 #e3a268 H:28 S:54 B:89 #e3df68 H:58 S:54 B:89 #aae368 H:88 S:54 B:89

類似色 #68e3df H:178 S:54 B:89 #68c8e3 H:193 S:54 B:89 #68aae3 H:208 S:54 B:89 #688be3 H:223 S:54 B:89 #686ce3 H:238 S:54 B:89 #8368e3 H:253 S:54 B:89 #a268e3 H:268 S:54 B:89 #c068e3 H:283 S:54 B:89 #df68e3 H:298 S:54 B:89

#686ce3 の配色パターン