#f70ce2

Hexadecimal Color Code

あざやかな紫系の色

[RGB] R:247 G:12 B:226

[HSB] H:305 S:95 B:97

[L*a*b*] L*:57.59 a*:92.3 b*:-49.04

[CMYK] C:33% M:80% Y:0% K:0%

[HSL] H:305 S:94 L:51

[OKLCH] L:67.5% C:0.299 H:333.2

[Display-P3] R:0.8889 G:0.2042 B:0.859

[コントラスト比] Aa 白 3.43:1 △　Aa 黒 6.10:1 ○

色相 #f70c0c H:360 S:95 B:97 #f70c34 H:350 S:95 B:97 #f70c5b H:340 S:95 B:97 #f70c82 H:330 S:95 B:97 #f70ca9 H:320 S:95 B:97 #f70cd0 H:310 S:95 B:97 #f70cf7 H:300 S:95 B:97 #d00cf7 H:290 S:95 B:97 #a90cf7 H:280 S:95 B:97 #820cf7 H:270 S:95 B:97 #5b0cf7 H:260 S:95 B:97 #340cf7 H:250 S:95 B:97 #0c0cf7 H:240 S:95 B:97 #0c34f7 H:230 S:95 B:97 #0c5bf7 H:220 S:95 B:97 #0c82f7 H:210 S:95 B:97 #0ca9f7 H:200 S:95 B:97 #0cd0f7 H:190 S:95 B:97 #0cf7f7 H:180 S:95 B:97 #0cf7d0 H:170 S:95 B:97 #0cf7a9 H:160 S:95 B:97 #0cf782 H:150 S:95 B:97 #0cf75b H:140 S:95 B:97 #0cf734 H:130 S:95 B:97 #0cf70c H:120 S:95 B:97 #34f70c H:110 S:95 B:97 #5bf70c H:100 S:95 B:97 #82f70c H:90 S:95 B:97 #a9f70c H:80 S:95 B:97 #d0f70c H:70 S:95 B:97 #f7f70c H:60 S:95 B:97 #f7d00c H:50 S:95 B:97 #f7a90c H:40 S:95 B:97 #f7820c H:30 S:95 B:97 #f75b0c H:20 S:95 B:97 #f7340c H:10 S:95 B:97 #f70c0c H:0 S:95 B:97
明度 #ff0deb H:305 S:95 B:100 #e60bd3 H:305 S:95 B:90 #cc0abc H:305 S:95 B:80 #b309a4 H:305 S:95 B:70 #99088d H:305 S:95 B:60 #800675 H:305 S:95 B:50 #66055e H:305 S:95 B:40 #4d0446 H:305 S:95 B:30 #33032f H:305 S:95 B:20 #1a0117 H:305 S:95 B:10 #000000 H:305 S:95 B:0
彩度 #f700e3 H:305 S:100 B:97 #f719e5 H:305 S:90 B:97 #f731e7 H:305 S:80 B:97 #f74ae9 H:305 S:70 B:97 #f763eb H:305 S:60 B:97 #f77ced H:305 S:50 B:97 #f794ef H:305 S:40 B:97 #f7adf1 H:305 S:30 B:97 #f7c6f3 H:305 S:20 B:97 #f7dff5 H:305 S:10 B:97 #f7f7f7 H:305 S:0 B:97
補色 #6ef70c H:95 S:95 B:97 #0cf720 H:125 S:95 B:97 #0cf795 H:155 S:95 B:97
類似色 #200cf7 H:245 S:95 B:97 #5b0cf7 H:260 S:95 B:97 #950cf7 H:275 S:95 B:97 #d00cf7 H:290 S:95 B:97 #f70ce4 H:305 S:95 B:97 #f70ca9 H:320 S:95 B:97 #f70c6e H:335 S:95 B:97 #f70c34 H:350 S:95 B:97 #f7200c H:5 S:95 B:97

#f70ce2 の配色パターン