#686ffd

Hexadecimal Color Code

軽い青紫系の色

[RGB] R:104 G:111 B:253

[HSB] H:237 S:59 B:99

[L*a*b*] L*:53.38 a*:37.98 b*:-71.81

[CMYK] C:72% M:60% Y:0% K:0%

[HSL] H:237 S:97 L:70

[OKLCH] L:61.3% C:0.207 H:276.3

[Display-P3] R:0.4129 G:0.4344 B:0.9585

[コントラスト比] Aa 白 3.97:1 △　Aa 黒 5.28:1 ○

色相 #fc6868 H:360 S:59 B:99 #fc6880 H:350 S:59 B:99 #fc6899 H:340 S:59 B:99 #fc68b2 H:330 S:59 B:99 #fc68cb H:320 S:59 B:99 #fc68e4 H:310 S:59 B:99 #fc68fc H:300 S:59 B:99 #e468fc H:290 S:59 B:99 #cb68fc H:280 S:59 B:99 #b268fc H:270 S:59 B:99 #9968fc H:260 S:59 B:99 #8068fc H:250 S:59 B:99 #6868fc H:240 S:59 B:99 #6880fc H:230 S:59 B:99 #6899fc H:220 S:59 B:99 #68b2fc H:210 S:59 B:99 #68cbfc H:200 S:59 B:99 #68e4fc H:190 S:59 B:99 #68fcfc H:180 S:59 B:99 #68fce4 H:170 S:59 B:99 #68fccb H:160 S:59 B:99 #68fcb2 H:150 S:59 B:99 #68fc99 H:140 S:59 B:99 #68fc80 H:130 S:59 B:99 #68fc68 H:120 S:59 B:99 #80fc68 H:110 S:59 B:99 #99fc68 H:100 S:59 B:99 #b2fc68 H:90 S:59 B:99 #cbfc68 H:80 S:59 B:99 #e4fc68 H:70 S:59 B:99 #fcfc68 H:60 S:59 B:99 #fce468 H:50 S:59 B:99 #fccb68 H:40 S:59 B:99 #fcb268 H:30 S:59 B:99 #fc9968 H:20 S:59 B:99 #fc8068 H:10 S:59 B:99 #fc6868 H:0 S:59 B:99
明度 #6970ff H:237 S:59 B:100 #5e65e6 H:237 S:59 B:90 #545acc H:237 S:59 B:80 #494eb3 H:237 S:59 B:70 #3f4399 H:237 S:59 B:60 #343880 H:237 S:59 B:50 #2a2d66 H:237 S:59 B:40 #1f224d H:237 S:59 B:30 #151633 H:237 S:59 B:20 #0a0b1a H:237 S:59 B:10 #000000 H:237 S:59 B:0
彩度 #000dfc H:237 S:100 B:99 #1925fc H:237 S:90 B:99 #323dfc H:237 S:80 B:99 #4c55fc H:237 S:70 B:99 #656dfc H:237 S:60 B:99 #7e85fc H:237 S:50 B:99 #979dfc H:237 S:40 B:99 #b1b5fc H:237 S:30 B:99 #caccfc H:237 S:20 B:99 #e3e4fc H:237 S:10 B:99 #fcfcfc H:237 S:0 B:99
補色 #fcab68 H:27 S:59 B:99 #fcf568 H:57 S:59 B:99 #b9fc68 H:87 S:59 B:99
類似色 #68fcf5 H:177 S:59 B:99 #68dffc H:192 S:59 B:99 #68b9fc H:207 S:59 B:99 #6894fc H:222 S:59 B:99 #686ffc H:237 S:59 B:99 #8568fc H:252 S:59 B:99 #ab68fc H:267 S:59 B:99 #d068fc H:282 S:59 B:99 #f568fc H:297 S:59 B:99

#686ffd の配色パターン